Shopify themes, liquid, logos, and UX
Hi! I'm currently working with the November theme. I have a certain collection that displays items that link to an affiliate I'm working with. Currently, when I'm within this specific collection (I set up a special collection template for this collection) and I hover over an item, listed in the grid displaying all my products in this collection, I'm shown options to "Quick Shop" or "Add To Cart". Is there a way for me to remove these button on this Collections page, altogether? I'm attaching a screenshot (below) for reference. I'd be eternally grateful for any help!
Thanks!
yes you can with css can you please give me link of your store to help you with
...and thank you very much, in advance!!
password please
Emailing you now!
waiting for your message
I don't find anything in my email
Thank you, again! Sent!
If you want to hide quickBuy or Add to cart on a specific collection you have to add liquid if condition code in markup otherwise hidden by CSS, if add CSS class in a specific collection
Hi,
A very good question
Add this please in collection.liquid template
{% if collection.handle 'your_collection_handle' %}
<style>
quick_view_class{
display:none
}
</style>
{% endif %}
If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: contact@ngnloop.com
Please check this solution, I think it will be an accepted solution.
Thank you. I'll try it now.
Hi. I have tried putting this code in as many different places as I could think to, but still, I'm having no luck.
Our theme (November) uses a variety of different templates for the Collections pages. This Collection is called "Wine", so I put that in the section of your recommended code, where it says 'your_collection_handle'. I've tried it in the default collection.liquid file and all of the other templates, but I'm still seeing the Quick Buy links.
Thank you all for your help so far. I very much appreciate it!
@Mo_Admin You can use this code in collection.template4 then let me know hope it will work
{% if collection.handle == 'wine' %}
<style>
.quick_view_class{
display:none
}
</style>
{% endif %}
I really must be doing something wrong. Again, I pasted the code into every different template and then applied each one, but with no luck. It really baffles me...
@Mo_Admin sorry for that but the code is worked for me. can you give me store access to solve that issue? I can fix your issue in free.
You can knock me in whatsapp 01761469797.
Can you tell me what country you're in? I guess I need to know that to enter the number into What's App.
I also sent you a message on here. Thanks in advance!
Alex
I'm from Bangladesh. Checked your message and replied to you.
Hi there @solverStaff - I've tried your solution and sadly it's not working on my site. Mind taking a look? Trying to hide quick shop on this specific collection: https://www.thewoodenpalate.com/collections/collaborations. I've tried the method you've suggested as well as the alt method I could find via the forum here which was by utilizing tags, but that wasn't working either when used within collections.liquid. Any help is appreciated!
{% if collection.handle == 'collaborations' %}
<style>
.quick_shop.action_button {
display: none !important;
}
</style>
{% endif %}
You can use that code
Hi, I know this is an older post but I was able to modify this code to get it to work on our site.
Using @solverStaff code I added to the CSS - visibility hidden. Important to also note that if you have products appearing in multiple Collections on your site to include all the Collections in the if statement. You can use the OR statement within the IF to include multiple handles.
I placed this at the top of our theme's Sections --> main-collection.liquid
{% if collection.handle == 'clubs' or collection.handle == 'monthly-clubs' %}
<style>
.product-block .image-cont:hover .btn.quickbuy-toggle {
display:none !important;
visibility:hidden;
}
</style>
{% endif %}
If you want to use it for multiple collection then you can use that code
{% if collection.handle == 'clubs' and collection.handle == 'monthly-clubs' %}
<style>
.product-block .image-cont:hover .btn.quickbuy-toggle {
display:none !important;
visibility:hidden;
}
</style>
{% endif %}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025