Return to previous page

Custom SVG for add to cart button? Or other icons

This topic has 2 replies, 2 voices, and was last updated 7 months, 3 weeks ago ago by Tony Rodriguez

ProdbyDaan

Participant

September 10, 2023 at 18:54

Hello Team,

can I use custom SVGs for the add to cart button?
If not, how to change the default Icon?

Thanks

#367151 Copied Theme version: 9.1.13 WooCommerce version: 8.0.3

1 Answer
Tony Rodriguez

Support staff

September 11, 2023 at 06:13
Hello, @ProdbyDaan,

We regret to inform you that custom SVGs cannot be utilized for the ‘Add to Cart’ button icon.

You have the ability to modify the ‘Add to Cart’ button icon using custom CSS code exclusively. To do this, please follow the steps below:

1. Navigate to XStore.
2. Select Theme Options.
3. Choose Theme Custom CSS.
4. Click on Global CSS.

At the bottom of the CSS box, paste the following code:
```
.single-product button.add_to_cart_button.ajax_add_to_cart.single_add_to_cart_button.button.alt:before {
    content: "\e916" !important;
}
```
After pasting the code, save your settings. Please ensure to clear your browser cache before checking to see if your issue has been resolved.

Please note that in the provided code, the term (\e916) represents the icon code. This can be replaced with any icon code of your preference. You can find a variety of icon codes at the following link: https://xstore.8theme.com/xstore-icons/.

Best Regards,
8Theme’s Team
#367165 Copied
Tagged: add cart button icon, custom svg woocommerce, customize woocommerce cart, woocommerce svg icons, woocommerce wordpress themes, wordpress cart svg
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Custom SVG for add to cart button? Or other icons’' has been successfully resolved, and the topic is now closed for further responses

Custom SVG for add to cart button? Or other icons

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection