Hide Add to cart buttons

You can hide the option to add products to the cart by customizing a product template that hides specific blocks relating to adding items to the cart. You can then assign that product template to one or more products that you don't want customers to be able to add to their carts.

Learn more about creating new templates and applying templates to products.

Hide the Add to cart buttons for specific products

By default, products are assigned the Default product template. By creating a separate not-for-sale product template, you can hide the Add to cart buttons for one or more products, and leave other products still available for purchase on your online store.

Step 1: Create a not-for-sale product template

To customize specific products without making changes to the Default product template, you need to create a new product template.

Steps:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. In the template selector, click Products > ⊕ Create template.
  4. In the Create a template dialog, type a name for the new template into the Name text field, such as not-for-sale, and then click Create template.
  5. In the Sections navigation sidebar, go to the Template > Product information blocks, and then make the following changes:
    1. Click the eye icon next to the Quantity selector block to hide it.
    2. Click the eye icon next to the Buy buttons block to hide it.
    3. Optional: Click the eye icon next to the Price block to hide it.
  6. Optional: If you want to add some text to give your customers more information, such as a date when sales are expected to resume, then add and customize a new block:
    1. Click ⊕ Add block > Text to add a text block.
    2. Click and drag the new Text block up or down to your preferred position on the product page.
    3. In the Block settings sidebar, add your message into the Text field.
    4. Select your preferred Text style.
  7. Optional: If you want to add a contact form, then add and customize a new section:
    1. Click ⊕ Add section > Contact form to add a contact form.
    2. Click and drag the new Contact Form section up or down to your preferred position on the product page.
    3. In the settings sidebar, customize the contact form as desired. For example, edit the Heading text field to display a call to action, such as Send us a request to be added to our waitlist.
  8. Click Save.

Step 2: Assign the not-for-sale template to products

After the not-for-sale template has been created, you can assign it to a single product individually, or to multiple products in bulk.

Assign the not-for-sale template to a single product:

  1. From your Shopify admin, go to Products.
  2. Click the name of the product that you want to make unavailable for sale.
  3. In the Theme template section, select the not-for-sale template from the drop-down menu.
  4. Click Save.

Assign the not-for-sale template to products in bulk:

  1. From your Shopify admin, go to Products.
  2. Click the checkboxes next to the products that you want to make unavailable for sale, and then click Bulk edit.
  3. In the Bulk editor, click Columns and then click Template to add the Template column to the editor list.
  4. In each product row, set the Template to be product.not-for-sale.
  5. Click Save.

Hide the Add to cart buttons for all products

If you want to hide the Add to cart buttons for all products but still allow customers to browse your store, then you can customize the Default product template to apply changes to all existing and future products.

Steps:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, and then click Customize.
  3. In the template selector, click Products > Default product.
  4. In the Sections navigation sidebar, go to the Template > Product information blocks, and then make the following changes:
    1. Click the eye icon next to the Quantity selector block to hide it.
    2. Click the eye icon next to the Buy buttons block to hide it.
    3. Optional: Click the eye icon next to the Price block to hide it.
  5. Optional: If you want to add some text to give your customers more information, such as a date when sales are expected to resume, then add and customize a new block:
    1. Click ⊕ Add block > Text to add a text block.
    2. Click and drag the new Text block up or down to your preferred position on the product page.
    3. In the Block settings sidebar, add your message into the Text field.
    4. Select your preferred Text style.
  6. Optional: If you want to add a contact form, then add and customize a new section:
    1. Click ⊕ Add section > Contact form to add a contact form.
    2. Click and drag the new Contact Form section up or down to your preferred position on the product page.
    3. In the settings sidebar, customize the contact form as desired. For example, edit the Heading text field to display a call to action, such as Send us a request to be added to our waitlist.
  7. Click Save.
Ready to start selling with Shopify?Try it free