Add Shopping Cart Icon To Add To Cart Button in WooCommerce

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 :

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 :

  1. Copy and paste the PHP code to the end of your child themes functions file.
  2. Copy and paste the CSS to the end of your child themes style.css file and clear caching.

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.