Issues when zooming out of a product image

Store Design

Topic summary

A user reports that after zooming into a product gallery image and then zooming out, the gallery resets and displays a different image instead of returning to the originally selected one.

Proposed Solutions:

  • Check theme settings: Navigate to Shopify Admin > Online Store > Themes > Customize and look for product gallery or image zoom options that may control this behavior

  • Use third-party apps: Consider installing a Shopify App Store solution that offers better control over zoom and gallery navigation

  • Custom code modification: Edit the theme’s JavaScript files related to the product gallery to prevent the reset behavior (requires coding knowledge or developer assistance)

  • Update theme: Ensure the theme is current, as outdated versions may have compatibility issues with Shopify’s functionalities

The issue appears to stem from JavaScript or theme functionality causing the gallery to reload after zoom interactions. One responder requested the store URL for further diagnosis. The discussion remains open with no confirmed resolution yet.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

When I click on an image in my product gallery to zoom in, it works fine, but after zooming out, the gallery seems to reset, and I’m left viewing a different image instead of the one I clicked on. How can I fix this issue so it stays on the same image after zooming out?

2

Hi @lilyioti

Can you share the URL of your store？

3

Hi @lilyioti

This sounds like a frustrating issue, but it’s a common one with Shopify themes that rely on JavaScript to manage image galleries.

This issue is likely caused by the JavaScript or theme functionality on your Shopify store. I think it’s because the gallery is reloading or resetting after the zoom interaction, causing it to display the first or default image instead of staying on the one you selected. Below are some steps may help you to fix it:

1. Check Your Theme Settings:

Some Shopify themes have built-in settings for the product gallery that might control this behavior.

  • Go to your Shopify Admin > Online Store > Themes > Customize.
  • Look for options related to your product gallery (e.g., “Image Zoom” or “Gallery Settings”).
  • Disable or change the zoom type to see if it solves the issue.

2. Use a Third-Party App or Library

If your theme doesn’t support the behavior you need, consider using a third-party app on Shopify App Store. These apps give you more control over how zooming and gallery navigation work.

3. Fix It with Custom Code:

If you’re comfortable with coding (or have a developer to help), you can tweak the JavaScript. Go to your theme code editor, locate the file related to your product gallery script and add or modify your code

4. Update Your Theme

If nothing else works, your theme might be outdated or incompatible with Shopify’s current functionalities. Updating your theme to the latest version could resolve the issue. If you’re using a paid theme, you can reach out to the developer for support.

If you need any other assistance, feel free to reply, and I will try my best to respond

Best regards,
Daisy