Need help on removing zoom effect on product page

New Member
1 0 0

Hi Everyone,

How do I remove/disable the product image zoom-in effect from my product page?
Here's a link to a product page on my website:
Thank you!

This is an accepted solution.

Hello @Andy88,

1. Go to Online Store->Theme->Customize

2)Select Product Page and checked there if there is an option for ZOOM

Like this



If its not present in your theme then you have to remove from your product-template.liquid file

Or the simple way is by using css

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.product-img-box .zoomImg {
	display: none !important;
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like