How to enable zoom on mobile by clicking on product image?

[carpetsofpersoa]

I am currently using Impulse theme and when I click on a product image it does not enlarge and allow for it to zoom. The only way is to press on the magnifier icon. After reviewing visitors' behavior we noticed that they press the image multiple times and are unable to zoom in, this has caused our bouncing rate to increase.

Website: carpetsofpersia.com

[KetanKumar]

@carpetsofpersoa 

oh sorry for that issue you can do it can you please go to edit code >>> theme customization >>> open any product >>> left side product section check your zoom option enable / disable 

[LitCommerce · Accepted solution]

Hi @carpetsofpersoa,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 768px) {
	.product-slideshow .is-selected .product__photo-zoom {
		opacity: 0 !important;
		width: 100% !important;
		height: 100% !important;
	}
}

Hope it helps!

[carpetsofpersoa]

Amazing thank you so much, it worked!

[Thenacaduct]

Hi, while this works and does what it's supposed to, it's also a bit buggy sometimes. When going out of zoom, sometimes the product image vanishes, then you either gotta refresh or scroll up and down. Is there some way of getting this to work, without the bugs? Customers do really press a lot on the picture and don't see the magnifying glass

[Blair]

Hey @carpetsofpersoa,

Thank you for reaching out to the Community! I'm happy to provide some assistance with enabling zoom for your products, to get this resolved. As some coding options have already been suggested, I recommend checking out the Shopify App Store for an alternative. 

For ease, I've gone ahead and suggested a few you can check out below:

• Cool Image Magnifier - Zoom
• Magic Zoom Plus 
• Full Page Zoom

Please let me know if you have any other concerns!