Question: Automatically Select Variant When Scrolling Through Product Images

Hi everyone,

I’m currently working on setting up a product with multiple variants, and I’ve run into a bit of a challenge. When a customer clicks on a specific variant (let’s say “Variant 1”), the correct images and details are displayed, which works perfectly. However, I’d like to enhance this experience further.

What I’m looking for is a way to have the variant automatically selected when a customer scrolls through the product images. So, if they scroll to a different image, the corresponding variant would be auto-selected based on the image they’re viewing.

Has anyone implemented something like this before, or know how it can be done? I understand this might require some custom coding, but I’m hoping to either find a guide or get some pointers on how to achieve this.

Thanks in advance for your help!

Bryan

Hey, thank you for your reply. Do you also know how it can be done?