Website Building » WooCommerce » How do I show the cart icon in WooCommerce?

How do I show the cart icon in WooCommerce?

Last updated on September 24, 2022 @ 10:09 pm

WooCommerce is a popular eCommerce platform that allows users to create and manage their own online stores. One of the features that WooCommerce offers is the ability to display a cart icon on the front-end of the website. To display the cart icon, follow these steps:

1. From the WooCommerce main menu, click on the “Appearance” tab.

2. Under the “Themes” section, click on the “Customize” button.

3. In the “Customize Custom CSS” window, search for the “woo_cart” class and add it to the “selectors” section.

4. Click on the “Apply” button to save the changes.

Now, when you view your website in a browser, the WooCommerce cart icon will be displayed on the front-end. To disable the cart icon, simply remove the “woo_cart” class from the “selectors” section of your Custom CSS file.

PRO TIP:
If you are using WooCommerce to sell products on your WordPress site, you may want to display a “cart” icon in the header area of your site. This will allow visitors to see how many items are in their cart, and also give them a quick way to access the cart page.

However, displaying the cart icon can be tricky, as there is no default setting in WooCommerce to do this. You will need to edit your theme’s code, or use a plugin, to add the cart icon.

Edit your theme’s code:

If you feel comfortable editing code, you can add the following line to your theme’s header.php file:

cart->cart_contents_count;
?>

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.