How can I remove only the quick shop icon from the product images in Collection and product grid?

Lavinia12
Tourist
6 0 3

Hey all, 

 

I'd like to keep the "add to cart" button on my product image (in the collection and product grid section) but to remove the quickshop bit . Does anybody know how to do that?

 

I found a way to remove "all" icons by adding a code to the asset theme but not a way to only remove the quickshop icon.  Please help?

 

Lavinia12_0-1643111106407.jpeg

 

thank you in advance,

Lavinia

 

Replies 5 (5)

ZestardTech
Shopify Expert
5575 1008 1333

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Zworthkey
Shopify Partner
5581 642 1574

@Lavinia12 

Sorry, you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!


Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you with a solution here.

Lavinia12
Tourist
6 0 3
Zworthkey
Shopify Partner
5581 642 1574

@Lavinia12 

span.btn.btn-theme.gradient-theme-vertical.product-card__overlay-btn.js-btn-quickview {
    display: none !important;
}

Follow the Steps to add the code

1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css or theme.scss ->paste the above code at the bottom of the theme.scss file.
3. Save it.

wardahassan
Visitor
1 0 0

heloo can you help me with the same , coz i cant remove QUICK SHOP option even after following for instruction above