How Can I Hide/Remove Quick Buy Links On A Specific Collections Page?

Mo_Admin
Tourist
9 0 1

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!

Screen Shot 2021-05-28 at 10.12.26 AM.png

Replies 22 (22)

AdamSmith12
Shopify Partner
79 5 8

yes you can with css can you please give me link of your store to help you with

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: redaboubkraoui@gmail.com
Mo_Admin
Tourist
9 0 1
Mo_Admin
Tourist
9 0 1

...and thank you very much, in advance!!

AdamSmith12
Shopify Partner
79 5 8

password please

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: redaboubkraoui@gmail.com
Mo_Admin
Tourist
9 0 1

Emailing you now!

AdamSmith12
Shopify Partner
79 5 8

waiting for your message 

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: redaboubkraoui@gmail.com
AdamSmith12
Shopify Partner
79 5 8

I don't find anything in my email

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: redaboubkraoui@gmail.com
Mo_Admin
Tourist
9 0 1

Thank you, again! Sent!

solverStaff
Shopify Expert
359 40 69

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

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797
DigiXoft
Shopify Partner
109 18 73

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on arslan@digixoft.com regarding any help
Shopify Partner | Skype : arslan.saleem261
solverStaff
Shopify Expert
359 40 69

Please check this solution, I think it will be an accepted solution.

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797
Mo_Admin
Tourist
9 0 1

Thank you. I'll try it now.

Mo_Admin
Tourist
9 0 1

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! 

solverStaff
Shopify Expert
359 40 69

@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 %}

 

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797
Mo_Admin
Tourist
9 0 1

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...

solverStaff
Shopify Expert
359 40 69

@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.

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797
Mo_Admin
Tourist
9 0 1

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

solverStaff
Shopify Expert
359 40 69

I'm from Bangladesh. Checked your message and replied to you.

 

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797
BogusCreative
Shopify Partner
2 0 0

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!

solverStaff
Shopify Expert
359 40 69
{% if collection.handle == 'collaborations' %}

<style>

.quick_shop.action_button {
	display: none !important;
}

</style>

{% endif %}

You can use that code

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797
chad1williamsen
New Member
4 0 0

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 %}

 

solverStaff
Shopify Expert
359 40 69

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 %}
If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : +8801761469797