Colour swatch showing the wrong colour when I click on it

[forrestlake]

The colour swatch on my product page shows the correct colour, however, when I click on it - it suddenly shows a different colour! Obviously this is confusing to customers. Not sure why this is happening? Would greatly appeciate any help.

[Moeed]

Hey @forrestlake

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[forrestlake]

this is the product page where it’s happening:

https://kingsophiesworld.co.uk/collections/pins-and-patches/products/maybe-im-not-too-sensitive-maybe-youre-just-a-■■■■■■■■-keyring

[Dev_Inflame]

Hey @forrestlake ,

There might be a code-related issue. I’ll be happy to help if you’d like.

Thanks

[forrestlake]

yes please! if you could

[Dev_Inflame]

To resolve this issue, I’ll need access to your store. If you could kindly provide access, I’ll take care of the fix for you.

[vee_commerce]

@forrestlake

The colour swatch on my product page shows the correct colour, however, when I click on it - it suddenly shows a different colour! Obviously this is confusing to customers. Not sure why this is happening? Would greatly appeciate any help.

Hi there,

This usually happens because the swatch is showing the colour, but the variant image linked to that colour is incorrect.

Fix:

1. Go to Products → Variants in your Shopify admin.

2. For each colour, assign the correct product image.

3. Save and refresh. The right image will show when swatches are clicked.

If it still mismatches, it’s likely a theme setting. Check your theme’s product page → variant picker to ensure colours are mapped properly.