How to Hide or Remove Add to Cart Buttons temporarily in Shopify

Step 1: Go to Store
From the admin page, make sure to choose Store at the bottom of the page.

Step 2: Click Online Store
Look at the Sales channels section, click Online Store then.

Step 3: Choose Manage themes
In this step, you choose Manage themes and go to the next step,

Step 4: Go to Edit code
A list of your themes will appear. Find the one you want to make a change and click the Actions button next to it. Go to Edit code.

Step 5: Open the product-template.liquid file
Take a look at the Sections field, make sure that you find your product-template.liquid file. Then, look for the HTML code for the Add to cart button. You can find the code with an <input> or <button> tag with some words such as Add to cart, AddToCart, or add-to-cart. For example, here is the code in the Debut theme:

<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>

Step 6: Make a change to the Add to cart code
You must have already found the code. Next, you will wrap it in Liquid {% comment %} and {% endcomment %} tags. With these tags, the Add to cart button will be hidden and your customers will not see it. Besides, you can effortlessly put it back if you expect to change the code later. Take a view of the example below.

{% comment %}
<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>
{% endcomment %}

Step 7: Save
Click Save to complete hiding the Add to cart button from your product page.

Step 1: Go to Store
From the admin page, make sure to choose Store at the bottom of the page.

Step 2: Click Online Store
Look at the Sales channels section, click Online Store then.

Step 3: Choose Manage themes
In this step, you choose Manage themes and go to the next step,

Step 4: Go to Edit code
A list of your themes will appear. Find the one you want to make a change and click the Actions button next to it. Go to Edit code.

Step 5: Open the product-template.liquid file
Take a look at the Sections field, make sure that you find your product-template.liquid file. Then, look for the HTML code for the Add to cart button. You can find the code with an <input> or <button> tag with some words such as Add to cart, AddToCart, or add-to-cart. For example, here is the code in the Debut theme:

<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>

Step 6: Make a change to the Add to cart code
You must have already found the code. Next, you will wrap it in Liquid {% comment %} and {% endcomment %} tags. With these tags, the Add to cart button will be hidden and your customers will not see it. Besides, you can effortlessly put it back if you expect to change the code later. Take a view of the example below.

{% comment %}
<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>
{% endcomment %}

Step 7: Save
Click Save to complete hiding the Add to cart button from your product page.

Step 1: Go to Store
From the admin page, make sure to choose Store at the bottom of the page.

Step 2: Click Online Store
Look at the Sales channels section, click Online Store then.

Step 3: Choose Manage themes
In this step, you choose Manage themes and go to the next step,

Step 4: Go to Edit code
A list of your themes will appear. Find the one you want to make a change and click the Actions button next to it. Go to Edit code.

Step 5: Open the product.liquid file
Take a look at the Template field, make sure that you find your product.liquid file. Then, look for the HTML code for the Add to cart button. Below is an example illustrate for the Add to cart button code. You can find the code similar to this with an <input> or <button> tag with some words such as Add to cart, AddToCart, or add-to-cart.

<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">products.product.add_to_cart</span>
</button>

Step 6: Make a change to the Add to cart code
You must have already found the code. Next, you will wrap it in Liquid {% comment %} and {% endcomment %} tags. With these tags, the Add to cart button will be hidden and your customers will not see it. Besides, you can effortlessly put it back if you expect to change the code later. Look at the following example.

{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}

Step 7: Save
Click Save to complete hiding the Add to cart button from your product page.

Step 1: Go to Store
From the admin page, make sure to choose Store at the bottom of the page.

Step 2: Click Online Store
Look at the Sales channels section, click Online Store then.

Step 3: Choose Manage themes
In this step, you choose Manage themes and go to the next step,

Step 4: Go to Edit code
A list of your themes will appear. Find the one you want to make a change and click the Actions button next to it. Go to Edit code.

Step 5: Open the product.liquid file
Take a look at the Sections field, make sure that you find your product.liquid file. Then, look for the HTML code for the Add to cart button. You can find the code with an <input> or <button> tag with some words such as Add to cart, AddToCart, or add-to-cart. For example, here is the code in the Debut theme:

<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">products.product.add_to_cart</span>
</button>

Step 6: Make a change to the Add to cart code
You must have already found the code. Next, you will wrap it in Liquid {% comment %} and {% endcomment %} tags. With these tags, the Add to cart button will be hidden and your customers will not see it. Besides, you can effortlessly put it back if you expect to change the code later. Take a view of the example below.

{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}

Step 7: Save
Click Save to complete hiding the Add to cart button from your product page.