Need help on removing zoom effect on product page

Solved
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: https://sidersonline.com/products/enjoy-little-moments
 
Thank you!
 
Andy
0 Likes

Success.

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

2020-01-09_13-38.jpg

 

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 .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like