Size variant takes user back to first image

Hi there,

On the mobile experience, when user is selecting a size variant on a product, the image carousel will automatically go back to the first one. Is there a way to stop this from happening?

Store url: www.minor-star.com

PW: brian123

Thanks in advance

Hi @ms-123 ,

There are a few apps available on the Shopify App Store that can help with syncing the image carousel with the selected size variant and prevent it from automatically going back to the first image. Here are some options:

  1. Variant Image Automator
    This app automatically syncs images with the selected size variant, so when the user selects a different size, the image also updates accordingly.

  2. Multi-Variant Images
    This app allows you to link multiple images with different variants, so when a user selects a size or color, the image related to that variant will show.

  3. Product Image Gallery & Zoom
    With this app, you can create an image gallery for your products that refreshes with the selected size or variant, without returning to the first image.

You can try these apps to see if they resolve your issue.

Hi, thank you for your response. If possible, I would like to fix this in code especially since it works on desktop, so I think it can be fixed on mobile