Shopify themes, liquid, logos, and UX
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?
Hi @lilyioti
Can you share the URL of your store?
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:
Some Shopify themes have built-in settings for the product gallery that might control this behavior.
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.
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
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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025