Return to previous page

Button on product pages – how to edit

This topic has 2 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

IP

Participant

December 20, 2022 at 05:43

Hello,

For this demo; https://xstore.8theme.com/elementor/demos/niche-market02/product/stainless-steel-freing/

How can we change the buttons/edit them?

1) Change the text which is on the buttons? (I am guessing this has to be done on the loco translate plugin)?

2) How can we change the icon which is on the Buy Now button, from the cart icon to something else?

3) How can we change the colors appearing on both the add to cart and buy now buttons?

4) How can we edit the hover color (once hovered over) on the add to cart and buy now buttons?

Thanks!

#341880 Copied Theme version: 8.3.8

1 Answer
Tony Rodriguez

Support staff

December 20, 2022 at 09:07
Hello, @IP,

1- 1- Please watch and follow the instructions shown in this video, I have captured for you: https://www.veed.io/view/df079de1-0e99-4c57-961d-cc46917b1768?sharingWidget=true&panel=share

Add to cart has been translated into the WooCommerce language files and Buy Now has been translated into the Theme language files.

2- You can change the icon using custom CSS code only. Go to the Dashboard >> Theme Settings >> Theme Custom CSS >> Global CSS and then paste the below code at the bottom of the CSS box.
```
.single-product .et-single-buy-now:before {
    content: "\e916" !important;
}
```
Then save settings and check back to your issue after clearing the browser cache.
Note: In the above code the word (\e916) is the icon code you can change it with the icon code you want. There icons can be used – https://xstore.8theme.com/xstore-icons/

3 & 4- You can change the add to cart and buy now buttons colors from the Theme settings >> WooCommerce >> Single Product Builder >> Add to Cart & Quantity see the image: https://postimg.cc/ZWtWDjTj and for hover see the image: https://postimg.cc/64CX7rD5

Regards 8Themes Team.
#341905 Copied
Tagged: best selling, button, edit, product pages, seo friendly, woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)