Getting Product Image to Change to Relevant Variant Dropdown Choice

Highlighted
New Member
3 0 1

Hi Group,

I'm currently having issues when I try to edit a variant image. To be more specific, I have no problem chaning an variants image in the product page editor. The issue I am having is now, once I have added/edited the variant images they longer change based on the dropdown variant selected on the product page.

Ex: If a customer clicks the drop down, then chooses say... "green" when black is the feat image and variant, the images stays as the black product after the customer has chose the green variant. I have updated the "green" products variant image to be the actual green product, however the image does not change. 

My theme does support this function, as it works when I import products from aliexpress through oberlo app, but if I choose to edit the image. BAM! function no longer works at all. See this product page for a live example of the issue - https://tacticaldealshop.com/products/6-in-1-outdoor-survival-watch-paracord-bracelet-4-colors

Any help would be greatly appreciated!

Highlighted
Shopify Staff
Shopify Staff
105 0 22

Hello Jodi,

Chris from Shopify here. I believe we've actually spoken on the phone once before, so nice to see you again :). If you would like the product images to change when a variant is selected from the dropdown menu, you can use this great step-by-step document to get that done with your theme: 

https://help.shopify.com/themes/customization/products/select-variants-by-clicking-images

Hope that helps! If you need more help with that customization, please feel free to reach out to us at support@shopify.com

Regards,

Chris D
Shopify Guru

Highlighted
New Member
1 0 0

Hello,

Not sure if its best to create new topic or i can hijack this one. But this customization is not working with "Debut" theme. Are there any specifics to make it work on my theme? 

Regards,
Andrei

0 Likes
Highlighted
New Member
2 0 3

Chris, this tutorial is to have select the variant by clicking the image.  What I am looking for, and the previous person was looking for, was to change the variant image when the variant dropdown menu is changed. 

Highlighted
Tourist
4 0 3

Same here, I was able to have the dropdown change based on the variant selected but I need it to work the other way as well. Please help us change the variant image when the variant dropdown menu is changed!

Highlighted
Shopify Staff
Shopify Staff
549 64 130

Hey, @Jodi_Bell 

 

We actually have a step-by-step coding guide here that will allow your variants to be selected by clicking on their variant image. It's also important to note that the code will not work in the following scenarios: 

 

27-48-15515-27809

 

This sounds like it will accomplish what you are looking for. If there is anything else I can help you with, please let me know.

 

 

Dirk | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
Tourist
3 0 0

Hi Jodi, did you manage to figure out how to select a variant from the drop-down and image? Trying to do the same thing and would appreciate guidance. 

0 Likes
Highlighted
Tourist
3 0 0

Hi there, I see the answer to your question here wasnt provided in this thread. Did you manage to figure out how to select a variant from the drop-down and image? Trying to do the same thing and would appreciate guidance. Thanks so much! Jeeten

0 Likes
Highlighted
Tourist
3 0 0

Hi BeaconX, I see the answer to your question here wasnt provided in this thread. Did you manage to figure out how to select a variant from the drop-down and image? Trying to do the same thing and would appreciate guidance. Thanks so much! Jeeten

0 Likes
Highlighted
Tourist
4 0 3
Well you should try to use that documentation with the debut theme so you too can see that it absolutely does not work.
0 Likes