How To Hide Cart Button In Woocommerce

WooCommerce is a popular e-commerce platform that allows businesses to sell their products online. One of the key features of WooCommerce is the ability to add a cart button on your website, which allows customers to easily add items to their shopping cart and checkout. However, there may be situations where you want to hide the cart button from certain pages or sections of your website.

Why Hide the Cart Button?

There are several reasons why you might want to hide the cart button in WooCommerce. For example, if you have a landing page that is focused on promoting a specific product or service, you may not want to distract visitors with the option to add other items to their cart. Similarly, if you have a blog section on your website, you may want to keep the focus on your content rather than encouraging visitors to shop.

How to Hide the Cart Button

Hiding the cart button in WooCommerce is relatively easy. Here are the steps you can follow:

  1. Log in to your WordPress dashboard and navigate to the “Appearance” section.
  2. Click on “Customize” and then select the “Menus” tab.
  3. Find the menu that contains the cart button and click on it. You should see a list of items in the menu, including the cart button.
  4. Hover over the cart button and click on the three dots to the right. Select “Remove” from the drop-down menu to remove the cart button from the menu.
  5. Save your changes by clicking on the “Publish” button in the top right corner of the screen.


Hiding the cart button in WooCommerce can be a useful way to focus visitors’ attention on specific products or content. By following the steps outlined above, you can easily remove the cart button from your website and create a more streamlined user experience.