Hiding the add to cart button WooCommerce: A Step-by-step guide

WooCommerce
September 5, 2025,
Hiding the add to cart button WooCommerce: A Step-by-step guide

Want to make your WooCommerce store look more like a catalog? Well, then the first thing you need to do is to hide add to cart and price options.

It is known to us that hiding the add to cart option is doable. So, without any delay, let’s get straight to the point.  

In this guide, we’ll walk through all the available and possible methods to hide add to cart button that WooCommerce stores can use:

  1. Simple WooCommerce settings 
  2. Adding custom code 
  3. Using a hide add to cart button WooCommerce plugin

So, let’s explore each of the methods to hide add to cart WooCommerce option in detail.

Top 3 Ways to Hide Add To Cart Button In WooCommerce

The three ideal ways you can consider to remove add to cart WooCommerce option are as follows: 

Method #1: WooCommerce settings

WooCommerce doesn’t provide a direct toggle to hide the button globally, but there are a few clever built-in workarounds.

Options You Can Use

You have, ideally, two options in WooCommerce settings to hide or remove the add to cart option. 

These two methods are discussed briefly below: 

  • Set products to “Out of Stock.”

One way of hiding the add to cart option is by setting the products as out of stock. However, online stores initially hide the out-of-stock products themselves, but this is one way to remove the add-to-cart option or, more precisely, replace it. 

To set the products as out of stock, follow these steps: 

  1. Go to the product edit page → Inventory → set stock to 0.
  2. This removes the Add to Cart button from that product.
  • Restrict catalog visibility

Another way to hide the add-to-cart WooCommerce option is by hiding the products from the shop/search while keeping product pages live. This is a very tiresome task and may take you forever.  

Pros

The perks of opting for the WooCommerce setting to remove add to cart WooCommerce option are:

  1. No extra plugins required.
  2. Simple and quick for temporary adjustments.

Cons

With each perk comes the cons; here are some of the drawbacks of opting for the changes to the WooCommerce settings:

  1. Limited flexibility.
  2. Changes are per product and time-consuming for large catalogs.
  3. No conditional rules (by user role, category, or date).

This method works fine if you want to remove add to cart button in WooCommerce store for a few products only. But for broader control, you’ll need code or a plugin.

Method #2: Custom code

If you’re comfortable with code or have a developer on hand, snippets give precise control over when and where the Add to Cart button appears.

Some coding tricks you can apply to remove the add to cart option are as follows:

  • Remove from shop/category pages

The shop page also has an add-to-cart option for users to enable them to buy quickly. For removing the add to cart option on your shop or category page, the lines of code needed are as follows: 

remove_action('woocommerce_after_shop_loop_item','woocommerce_template_loop_add_to_cart', 10 );

  • Remove from single product pages

If you do not want to remove the add to cart option from the entire product category but a single product page, this is the code you need to include in your function.php file. 

remove_action('woocommerce_single_product_summary','woocommerce_template_single_add_to_cart', 30 );

  • Conditional removal (e.g., by category):

There are a few instances where removing the add-to-cart option from a specific category becomes a requirement. For such needs, add this code to your function.php file. 

add_action('wp', function()

{

  if (is_product_category('wholesale')) 

{

remove_action('woocommerce_single_product_summary','woocommerce_template_single_add_to_cart',30);

  }

});

Pros

Here are some perks of choosing coding over the WooCommerce settings method: 

  • High flexibility—target categories, user roles, or specific products.
  • No plugin dependency.
  • Lightweight and performance-friendly.

Cons

These pitfalls make the coding method less of a desirable option: 

  • Risk of errors if the code isn’t applied correctly.
  • Requires maintenance after WooCommerce updates.
  • Not suitable for non-technical store owners.

This method is best when you want to hide the WooCommerce add to cart button with expert developers on board. 

 

Relevant Tutorial: Best Plugins to Hide Price In WooCommerce

 

Method #3: Hide Add to Cart Button WooCommerce plugin

No one is ever going to say no to an easy and simple method. By choosing the hide add to cart and price plugin, you can get the job done expertly.

Here are the steps to hide the add to cart option with a plugin:

  • Download and Install the Plugin

Follow these two steps to download and install the plugin successfully:

  1. Download the Hide Add to Cart and Price plugin from the WooCommerce Marketplace or our website.
  2. From your WordPress dashboard, go to Plugins → Add New → Upload Plugin, upload the plugin’s ZIP file, install it, and activate it.

  • Go to Plugin Settings

Once activated, go to the plugin's settings page (typically under WooCommerce → Settings, or a standalone menu labeled "Hide Add to Cart & Price").

  • Create Custom Hiding Rules

Define one or multiple rules to control hiding behavior.

Rules can target:

  1. User roles (e.g., guests, subscribers, wholesalers)
  2. Product categories or specific product IDs
  3. Guest vs. logged-in users
  4. Custom date ranges—hide or show elements within specific periods.

  • Choose What to Hide or Replace

When it comes to hiding options with this plugin, you have the following options to choose from:

  1. Hide only the Add to Cart button
  2. Hide both the price and the Add to Cart button
  3. Replace the price with custom text (e.g., “Contact for price”).
  4. Replace the Add to Cart button with a custom button that links to a page of your choice (like "Contact Us" or a product inquiry form).

  • Configure regional or timeframe restrictions 

You can also choose the countries for which you want to hide the add to cart and price option in WooCommerce. Also, set the start and end date to schedule for how long you want the price and add to cart option to be hidden. 

  1. Hide elements for customers from specific regions or geolocations.
  2. Set a date-based schedule to automatically show or hide elements during a defined time frame.

  • Set rule priority

If you have more than one rule to hide the price or the add to cart option, then you need to set the priority for each rule defined. The rule with higher priority will be applied first. 

So, this is the way a hide add to cart button WooCommerce plugin works and get the job done in a few minutes with a user-friendly interface. 

For further guidelines, go through the detailed plugin documentation.

 

Also Read: How to Hide Price In WooCommerce: A Detailed Guide

 

Which Method Is The Best?

We have discussed the three prominent and popular methods to remove add to cart WooCommerce option. We have also discussed the benefits and the drawbacks these methods come along with, so make your choice once you have thoroughly analyzed them. 

Our personal recommendation is to opt for a hide price and add to cart button WooCommerce plugin because of the reliability and ease it offers. You do not have to do much with a plugin; there are a few tunes and tweaks that need your attention. So, get your plugin installed today!

Buy Now