How to Remove Add to Cart Button in Shopify Fast & Easy

By disabling the "Add to Cart" button in Shopify, you can show potential customers which products are temporarily out of stock or require further interaction before purchase. Thankfully, this is a relatively straightforward process you can finish in minutes.

» Take your customer experience to the next level. Discover additional ways to improve your Shopify store

Meet the Expert

Adeel Qayum is a digital content strategist with over a decade of experience creating effective copy for SaaS and B2B companies. He has a Master's Degree in Digital Marketing and specializes in long-form content creation. Adeel has worked with notable clients like Shopify, Oberlo, and AfterShip.



Step-by-Step Guide: How to Remove the "Add to Cart" Button in Shopify

You might hide or remove the "Add to Cart" button in Shopify to indicate which of your products are sold out or not currently for sale. This can also help you manage stock shortages or to encourage direct customer inquiries before a purchase.

1. Log in to your Shopify admin dashboard.


2. Click on Online Store from the left menu in the dashboard.


3. Click the three dots next to Customize and choose Edit Code to access the code editor for your Shopify theme.


4. In the code editor, use the search function to find the base.css file, or look for the theme.css file.


5. Scroll down to the bottom of the CSS file and paste the following code:

button.product-form__submit.button.button--full-width.button--secondary {
display: none;
}

6. Click the Save button to save your changes to the CSS file.


7. Reload your Shopify store. The Add to Cart button should now be removed from all product pages.

» Learn how to change text on the "Add to Cart" button in Shopify

Bestsellers reSort

Organize your Shopify products efficiently and automate merchandising to increase sales.

Sort by real revenue, sales, tags, and more

Customize sorting rules per collection

Push new products up, push out-of-stock items down, and drive growth automatically

Start Free Trial



Communicating Changes Effectively

Clearly display the reason behind the "Add to Cart" button removal, whether due to stock limitations or a need for a quote before purchase. You can do this by adding a popup, message, or an alternate button that directs them to contact your business for more details or updates on availability. By doing so, you can maintain transparency, build trust, and ensure that your ideal customers come back, preventing frustration during their shopping experience.

» Learn how smarter product placement can enhance your store's user experience