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

Store Design

Topic summary

Mobile tapping on product images in the Impulse theme doesn’t trigger zoom; only the magnifier icon works, leading to repeated taps and higher bounce rates (site: carpetsofpersia.com).

Suggested fixes:

  • Check Product section settings in Theme customization to ensure the built‑in zoom option is enabled.
  • Add a CSS snippet in Assets > theme.css for mobile (≤768px) to make the invisible zoom overlay cover the entire image, so tapping anywhere triggers zoom. The original poster confirmed this worked.
  • Consider app-based solutions from the Shopify App Store: Cool Image Magnifier – Zoom, Magic Zoom Plus, and Full Page Zoom.

Recent update: Another user reports the CSS approach can be buggy—after exiting zoom the product image sometimes disappears until refreshing or scrolling. They seek a more stable fix.

Key terms: CSS (style rules added to theme.css), magnifier icon (the zoom button), and product zoom overlay (the clickable layer enabling zoom).

Outcome: Partial resolution with CSS; issue remains open due to intermittent post‑zoom image disappearance and no confirmed permanent fix yet.

Summarized with AI on December 23. AI used: gpt-5.
1

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

2

@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

3

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
4

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!

5

Amazing thank you so much, it worked!

1 Like
6

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