I want to remove the quick shop button/function for the product tag with ‘crw’. Anyway, could I do that?
Topic summary
Goal: Hide the “Quick Shop” button for products tagged ‘crw’ on collection pages in a Shopify theme.
Proposed solution: Wrap the Quick Shop button’s markup in a Liquid conditional so it only renders when the product does not have the ‘crw’ tag: {% unless product.tags contains 'crw' %} …quick shop button… {% endunless %}. This effectively removes the button for ‘crw’-tagged items while keeping it for others.
Where to implement: Locate the Quick Shop button in the collection-related templates (commonly in Sections/Snippets like product-card.liquid or product-grid-item.liquid) and apply the conditional around that button code.
Clarification: The requester emphasized removal, not addition. Responders confirmed the “unless” condition hides (removes) the button for tagged products.
Action items: Identify the Quick Shop code in the theme, add the conditional, and test on a product tagged ‘crw’ (an example collection URL was shared).
Status: A clear implementation approach is provided; awaiting confirmation from the original poster. No final resolution reported.
Hey @seantay1993 ,
Yes, you can remove the “Quick Shop” button or function for products with a specific tag, like ‘crw’, by adding some custom code to your Shopify theme.
Follow these steps:
-
Go to Online Store > Theme > Edit Code
-
Depending on your theme, you may need to look in files like product-card.liquid, product-grid-item.liquid, or similar files where the “Quick Shop” button is rendered. Check in the Sections or Snippets directories.
Add Conditional Logic:
Find the code that generates the “Quick Shop” button. It might look something like this:
Wrap this button code with a conditional statement to check if the product has the ‘crw’ tag:
{% unless product.tags contains 'crw' %}
{% endunless %}
Test your store:
Go to your store and check a product tagged with ‘crw’ to ensure the “Quick Shop” button is no longer displayed.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regard,
Rajat Sharma
Hi @seantay1993 First you need to find the Quick shop code in your theme code files, more specifically you can find it in the collection page code.
Then after finding the code of the Quick shop button add this condition to solve your issue.
{% unless product.tags contains 'crw' %}
{% endunless %}
The main thing you need to do is to find the Quick shop button in your respective theme.
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil
I want to remove it instead of adding it.
https://giant-bicycles.com.sg/collections/components/wheelset?page=2
Hi @seantay1993 Yes I got you, you just need to find the code for your quick shop in the theme, and then add this unless condition in that button
{% unless product.tags contains 'crw' %}
// here will be you quick shop button code.
{% endunless %}
It will not add the button, but remove the existing button from your collection page.
Explanation:- The button will be shown unless the product has the tag ‘crw’.
- If the product has the ‘crw’ tag, the button will be hidden.
- For all other products that don’t have the ‘crw’ tag, the button will be displayed.
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil