remove this zoom feature on the product listing images

remove this zoom feature on the product listing images

JuliusBerlin
Tourist
16 0 1

Hi, I am looking to remove this zoom feature on the product listing images. How can I remove this? I am using Expanse theme. The code from another Shopify question does not work for me. I seem to have a different code and different liquide.

 

Shop UrL: https://king-shakerz.com/

Replies 2 (2)

oscprofessional
Shopify Partner
16233 2427 3153

Hello @JuliusBerlin 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->product-grid-item.css>Add this code at the bottom.

.grid-product__actions {
    display: none !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

ZestardTech
Shopify Partner
6056 1082 1452

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.grid-item.grid-product .grid-item__content .grid-product__actions {
display: none !important;
}

ZestardTech_0-1686118877562.pngZestardTech_1-1686118903548.png

 

 

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