These instructions apply to section-based themes: Mobilia 5.0+, Retina 4.0+, Parallax 3.0+, Responsive 6.0+ or Turbo 2.0+. If you would like to follow these instructions and are on an older theme version, please update your theme.
This guide will walk through creating a new template to hide the 'Add to Cart' button for products of your choosing.
Create a new template file
1. Go to 'Sales Channels' > 'Online Store' > 'Themes' and then to the 'Actions' icon to 'Edit Code':
2. In the Templates directory, click Add a new template choose 'Product' and name it 'no-buy-button'.
3. Your new template will open in the code editor, and the file will be populated with default code.
4. Replace product-template with product-no-buy-button-template, your code should look like this:
5. Click Save.
Create a new section file
1. In the Sections directory, click Add a new section. Name the section product-no-buy-button-template :
2. Click Create section. Your new section will open in the code editor, and will be populated with some default code. Delete the default code, so that the file is empty.
3. Next, copy and paste code into your new section file from product-template.liquid, and copy the entire contents of the file. Return to your new and empty section file, and paste in the code you have copied.
4. Click Save.
Finally..
1. Navigate to the 'Snippets' folder and open 'product-form.liquid'
2. Locate this section of the file:
{% capture add_to_cart_label %}{% if collection_handles contains 'pre-order' %}{{ 'collections.general.pre_order' | t }}{% else %}{{ 'products.product.add_to_cart' | t }}{% endif %}{% endcapture %}
<button type="submit" name="add" class="action_button add_to_cart" data-label={{ add_to_cart_label | json }}><span class="text">{{ add_to_cart_label }}</span></button>
5. It can be modified like so:
{% unless product.template_suffix == "no-buy-button" %}
{% capture add_to_cart_label %}{% if collection_handles contains 'pre-order' %}{{ 'collections.general.pre_order' | t }}{% else %}{{ 'products.product.add_to_cart' | t }}{% endif %}{% endcapture %}
<button type="submit" name="add" class="action_button add_to_cart" data-label={{ add_to_cart_label | json }}><span class="text">{{ add_to_cart_label }}</span></button>
{% endunless %}
6. In the Shopify admin, the new 'product.no-buy-button' template can be selected for any products where you don't want the 'Add to Cart' button to be available.