Remove Quick Add Button for specific products

Technical Q&A

Topic summary

A user needed to hide the Quick Add button for specific products tagged with ‘hide-quick-add’ in their Shopify store, as some products redirect to external purchase sites.

Solution provided:

  • Navigate to Actions > Edit code > blocks > _product-card-gallery.liquid
  • Wrap the quick-add render code with a conditional statement
  • Use {% unless closest.product.tags contains 'hide-quick-add' %} to check for the tag
  • Close with {% endunless %} to prevent the button from displaying

Outcome:
The user successfully implemented the code snippet and confirmed the issue was resolved. The solution allows selective removal of Quick Add buttons based on product tags in the Horizon theme.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
1

I have created a a tag for products that should not have a quick add button (no-quick-add).
I need help implementing this. Some of my products will redirect to a different site for purchase, so I don’t need the quick add button visible on those.

Website: https://unfilteredgrace.us/

Product that I want the quick add button removed from: Grove Sling Bag – UNFILTERED GRACE

2

I am using the Horizon theme.

3

Hi @unfilteredgrace,

Please go to Actions > Edit code > blocks > _product-card-gallery.liquid file and add conditions to display other links here:

Screenshot
Screenshot917×662 90.6 KB

If I helped you, then a Like would be truly appreciated.

1 Like
4

Thank you for your response. I have located the code. What do I need to input to simply remove the quick add button for products with the hide-quick-add tag

image
image2142×1118 363 KB

5

Hi @unfilteredgrace,

Please change code:

{% unless closest.product.tags contains 'hide-quick-add' %}
      {% render 'quick-add', product: closest.product, section_id: section.id %}
{% endunless %}
1 Like
6

Thank you! I’m all set!

7

Hi @unfilteredgrace,

It’s my pleasure :blush: