How to hide the Quick Add to Cart button on my Shopify Store's Collection Page?

If you're running pre-orders on Shopify (whether you're using our Early Bird app or not), we recommend hiding the quick add buttons on your Home/Collection Pages.

Otherwise, Shopify will not display the preorder information in your customers' carts and they could purchase the products via the Quick Add to Cart button with the expectation they're in-stock.

Hiding Quick Add Buttons in Your Shopify's Theme Settings

The good news is you can hide all the quick add buttons in your theme's settings without editing the code. Follow these steps:

Step-by-Step Instructions

Step 1: Open Your Theme Editor

Visit the Default collection under Collections Template.

A screenshot of the Default collection button under Collections Template in Shopify Theme.

Step 2: Visit Collection Page

Navigate to the Collection page.

A screenshot of the Collection Page under Shopify theme.

Step 3: Access Theme Settings

Go to Theme Settings.

A screenshot of the Theme Settings button under Shopify Theme.

Step 4: Untick the Add to Cart Option

Untick the Add to Cart option.

A screenshot of the Add to Cart Option selection box within Shopify Theme for hiding the Quick Add to Cart button on Collection Page.

By following these steps, you can hide the Quick Add to Cart button on your Shopify Collection Page, ensuring you're setting clear expectations for your customers with accurate pre-order information throughout their shopping experience.

Related Articles