Website Building » WooCommerce » How Do I Hide the Add to Cart Icon in WooCommerce?

How Do I Hide the Add to Cart Icon in WooCommerce?

Last updated on October 1, 2022 @ 8:21 pm

If you want to hide the add to cart button on a particular product in WooCommerce, you can do so by following these simple steps:

1. Log into your WordPress Dashboard and go to WooCommerce > Settings. Then, click on the Products tab and select the Display option.

2. On the Display settings page, scroll down to the Product Data section. Here, you will find the Enable AJAX add to cart buttons on products option.

3. Enable this option and click on the Save Changes button.

PRO TIP: If you are using WooCommerce to sell products on your website, you may want to hide the “Add to Cart” icon from your product pages. This can be done by editing the code in your theme’s files. However, if you are not a developer or are not comfortable editing code, we recommend that you do not attempt this. Doing so could break your website and cause problems with your checkout process.

4. That’s it! Your add to cart button will now be hidden on all products.


Hiding the add to cart button in WooCommerce is a simple process that can be completed in just a few steps. By enabling the AJAX add to cart button option in the Product Data section of the WooCommerce Settings, you can easily hide the add to cart button on all products.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.