Making selection button change to match Varient image when clicked

[DebraJM]

I'm working on a new store using Refresh.  I have a product with several variants and if I click the variant button the correct image appears in the photo box.  If I click an image from the image carousel under the photo box the corresponding correct image pops up but the variant add to cart button does not change accordingly.  So if a customer clicks multiple images to find the one they want and does not make sure the variant button matches (and I'm sure not many would even think to do so and actually they shouldn't have to), and then they click the add to cart button, chances are high they will be ordering the wrong variant.  Any code recommendations to make sure the images and variant buttons always synch no matter which is chosen?  Thank you for any help!

[Guleria]

Hello @DebraJM ,

You can follow this code to get an idea.

Thanks

[DebraJM]

Thanks for the suggestion however I tried that and it didn't work.

[DebraJM]

No one know how to correct this variant problem?

[MFKeyes]

Hi Debra, 

Did you ever get an answer for this problem? I'm having the same issue.

Thanks

[DebraJM]

Shopify tech coded it in for me. They did a great job.

[rawbar]

I need the exact same thing.  I googled Shopify Tech but it wasn't clear whom you're referring to.  Can you please provide a link?  Thanks!

[DebraJM]

I clicked the shopify chat popup and explained what I needed and the rep forwarded my needs to shopify tech support who contacted me.  It's been a while but I think I was logged in to my store and went to shopify help center to access the chat.  Hope that helps.