If you’re seeking a tutorial on how to hide the ‘Add to Cart’ button in WooCommerce, give yourself a pat on the back, as you’ve already found it.
This article will discuss why you need to hide or remove this button from your WooCommerce shop. Additionally, it’ll show you the easiest methods to help you accomplish this task.
So read on to learn easy-to-follow steps and an advanced method to hide the “Add-to-Cart” button from your WooCommerce store.
Why You Might Want to Hide the Add to Cart Button
You may need to hide the ”Add to Cart” button in your WooCommerce store for several reasons. Here are some common ones.
Catalog-Only Store: Perhaps you use your store solely as an online catalog and prefer not to sell directly through your site. In this scenario, you should remove the “Add to Cart” button.
Product Not Ready for Sale: You may want to list a product, but it is not yet available for purchase. That’s when you decide to hide price and Add to Cart button.
Require Customer Contact Before Purchase: You want customers to contact you first for custom pricing before they purchase a high-ticket product. Therefore, you hide the “Add to Cart” button for that particular product.
Different Pricing or Order Processes: Some businesses handle pricing and orders manually. In this case, those businesses may need to remove the “Add to Cart” feature from their stores.
User Role Restrictions: You may want to hide the add-to-cart button from guests or unauthorized users to restrict purchasing.
Compliance or Legal Reasons: Some companies are required to follow legal or regulatory compliance requirements before selling their products. In this case, these stores turn off add-to-cart buttons to restrict purchases and avoid violations.
These are a few reasons that make store owners hide, remove, or replace the “add to cart” button from their stores.
👉You might be interested to read: How to Add Buy Now Button in WooCommerce
How to Hide Add to Cart Button in WooCommerce Using Built-in Settings
WooCommerce offers built-in settings to help you hide the “Add to Cart” button from a particular product page. Here’s how to do this.
- Go to WordPress Admin Panel > Products > All Products.
- Hover the mouse pointer over your preferred product and click ‘Edit‘ link to open it in the product editor.
- Then, move to the “Product data –” area and hit ‘Inventory‘ tab.
- Now, check mark “Stock management” box, input ‘0‘ in the ‘Quantity‘ field, and click the “Update” button.
- Then, visit that product page, and you won’t see the ‘Add to Cart’ button on that page.
This is one way to hide the ‘Add to Cart’ button in your WooCommerce store. However, this method doesn’t provide granular control and sets limitations for you. That’s when you look for alternative approaches. So, keep reading.
How to Remove Add to Cart Button WooCommerce Programmatically
This method is for tech-savvy individuals who want more control over the functionality they prefer to implement in their stores.
For example, if someone needs to hide the “Add-to-Cart” button from the shop page, category page, and single product page without using any plugin, they need to use custom code.
Where will they use that code? They will insert it into their theme’s functions.php file. However, before doing so, they must take a complete backup of their website and implement the code into the child theme’s functions file, lest they might lose all their modifications when the theme receives automatic updates.
You should do the same when you want to use custom code in your theme’s file. Let’s now discuss the steps to input a custom code in your theme’s functions file to hide the “Add-to-Cart” button from the shop, category, and single product pages in your WooCommerce store.
- Navigate to the WP Admin Panel > Appearance > Theme File Editor. Note that you’ll find the “Theme File Editor” sub-menu under the ‘Tools‘ menu if you use a block theme.
- Click the “functions.php” file on the right-hand side, insert the code snippet shared below into the file editor, and hit “Update File” button.
Here’s the code snippet.
/**
* RadiusTheme - Hide Add to Cart button site-wide in WooCommerce
*/
add_action('init', function () {
// Remove Add to Cart from product loops (shop, category pages)
remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);
// Remove Add to Cart from single product pages
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
});Our Concluding Thoughts
There are many ways you can follow to hide the add to cart button from your WooCommerce stores. However, we showed only the easiest ones so that you can benefit from this content.
If you do, don’t forget to read our other blog posts and share this one with others who need to learn how to hide or remove the ‘Add to Cart’ button in WooCommerce. Thanks for reading.
