Product images no longer Expand/Lightbox

Unsure why, but none of my product pages images expand any longer when clicked on.

This always worked fine, no idea why it just stopped.

Works fine on mobile, not on desktop.

Any thoughts?

1 Like

Hi @Vacek

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

@Vacek m

This is almost always caused by JS or CSS disabling the desktop image zoom / lightbox, usually after a theme update or app change.

Most common causes (desktop only)

  1. Theme setting got turned off
  • Go to Theme β†’ Customize β†’ Product page
  • Check for:
    • Enable image zoom
    • Click to expand / lightbox
  • Mobile uses a different handler, which is why it still works there
  1. App conflict (very common)
  • Recently added/updated apps like:
    • Speed optimization
    • Image optimizer
    • Gallery / upsell apps
  • These often add pointer-events: none or override click events
  1. Custom CSS blocking clicks
    Look for something like:
.product__media img {
  pointer-events: none;
}

or an overlay div sitting on top of images
4. JS error stopping the gallery

  • Open the page on desktop
  • Right-click β†’ Inspect β†’ Console
  • Any red errors = gallery script not running

Quick test

  • Disable all apps
  • Check if zoom works again
    If yes β†’ app conflict confirmed

If you tell me:

  • Theme name
  • Any recent app/theme changes

I can tell you exactly where it broke and how to fix it in 2–3 minutes.

Could you share the link to your product page?