Issues when zooming out of a product image

Issues when zooming out of a product image

lilyioti
Excursionist
19 0 4

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?

Replies 2 (2)

Kyle_liu
Shopify Partner
377 48 64

Hi  @lilyioti 

Can you share the URL of your store?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me Email Me Buy Me A Coffee

DaisyVo
Shopify Partner
3434 393 475

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution