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

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

@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

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!

1 Like

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:

Please let me know if you have any other concerns!

Amazing thank you so much, it worked!

1 Like

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