The code in this download folder enables you to add a shopping cart icon in replace of or before your add to cart button. The code :
- Works on the single product page
- All shop loop archive page types
- Adds the shopping cart icon before the add to cart text inside the button
- Replaces the add to cart text in the button with a shopping cart icon
Here’s the result on the shop page :
![](https://wpsites.net/wp-content/uploads/2024/05/icon-before-add-to-cart-button-woocommerce.png)
Demo Video
Shows the shopping cat icon added to the add to cart button on the shop and single product pages.
Works in any WordPress theme.
Installation
There’s 2 steps :
- Copy and paste the PHP code to the end of your child themes functions file.
- Copy and paste the CSS to the end of your child themes style.css file and clear caching.
Was This Tutorial Helpful?