Making selection button change to match Varient image when clicked

Store Design

Topic summary

Main issue: In the Refresh theme, clicking a product image in the carousel shows the correct image but does not update the selected variant. This can cause customers to add the wrong variant to cart unless they manually re-select the matching variant option.

Attempted fix: A link to Shopify’s guide (for vintage themes) was suggested, but the original poster reported it did not work for Refresh.

Resolution for OP: Shopify Support (“Shopify tech”) implemented a custom fix for the store. No code or step-by-step solution was shared in the thread.

Follow-up requests: Other users reported the same need and asked how to reach the team that fixed it. The OP advised using the Shopify Help Center chat while logged into the store; support forwarded the request to technical support, who then handled the implementation.

Status: Resolved for the OP via Shopify Support; no publicly posted code. Others with the issue are encouraged to contact Shopify Support for a similar implementation.

Summarized with AI on January 16. AI used: gpt-5.
1

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!

2

Hello @DebraJM ,

You can follow this code to get an idea.

Thanks

3

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

4

No one know how to correct this variant problem?

5

Hi Debra,

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

Thanks

6

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

7

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!

8

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.