How to remove "Add to cart" button from a particular collection template?

[CNDY_123]

Hi

How do we remove "Add to cart" button from a particular collection template.

I have created a Gift card collection and i dont need Add to cart button on that collection page.

I have created another collection template and i want to remove add to cart buttons from that template.

(As shown below)

[theycallmemakka]

Hi @CNDY_123 ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

{% if template.name contains 'gift-collection' %}
  <style>
    .quick-add {
        display: none!important;
    }
  </style>
{% endif %}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[CNDY_123]

Hello @theycallmemakka

Thanks for the response!...  but the code didnt work 😞 .. "Add to cart" button still visible. Please check the images below

[BSSCommerce-B2B]

@CNDY_123, could you kindly share your store url?

[CNDY_123]

HI @BSSCommerce-B2B 

URL : cottoncandybabyshop.com

           Axldream@123

[BSSCommerce-B2B · Accepted solution]

@CNDY_123, let try this one before </head>

{% if template.suffix contains 'gift-collection' %}
  <style>
    .quick-add {
        display: none!important;
    }
  </style>
{% endif %}

Hope it helps you 😊

[CNDY_123]

Hey @BSSCommerce-B2B ,

Awesome buddy!! worked perfectly when pasted above head tag.

Thanks a ton!