Product swatches not switching to correct swatch

Store Design
, ,
1

Hi,

I’m having some issues with the variant/color swatches on my product page.

When I click the top images to the variants, the variant/color swatch does not change to the correct swatch, but stays on the first one.

swatch1.png
swatch1.png1330×787 52 KB

However, when I click one of the variants on the swatch, it does change to the correct image, but just not vice versa.

Hope someone could help me out on this.

2

Hi @degoose

Please share your store URL and password if any so that we can review and share the feedback accordingly.

Thank you

3

https://fear-of-gems.myshopify.com/ thank you

4

Thank you for sharing the store URL @degoose

I went through the details and found that the solving the issue will require some JS changes. I have tried to create a JS snippet that will help you to sync both the swatchers.

I could not test it properly directly in the browser inspect, however it might help to fix the issue. Please give it a try and let me know if it works.

Thank you.

5

Thank you, it did work slightly, but not perfect. When switching images (not swatches), the swatch went directly to the next swatch. But because there are 2 images of 1 variant, it start switching to the incorrect swatch.

6

Looks like it needs more work. I will refine it further and share soon. @degoose

Thank you

7

Thank you!

8

Hi, did you have any time to adjust the coding? It was almost good. Thank you