Pictures won't update the variants drop list

Highlighted
New Member
1 0 0

Hello everyone, I have a product that has different colors. we configure the option of variants but I am having a problem.

 

Each variant has its own photo. If the customer selects a color variant in the drop list, the photo of that variant automatically appears.

 

But if the client does it in the wrong way; select the photo first, the variant does not match the photo that the user selected.

 

How can that problem be corrected?

 

Here is the page so you can see what I say: https://bit.ly/3dhpwet

 

Thanks.!!!

0 Likes
Highlighted
Shopify Partner
943 190 223

Hello,

You can follow this to implement it https://shopify.dev/tutorials/customize-theme-select-variants-by-clicking-images

but if you are not comfortable in code you can drop me an email and we will discuss further.
Thanks 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Tourist
8 0 0

I posted the same thing the other day. I had followed the link and inserted the code as it said, but it didn't work. When I clicked on the image it would open it in another window.

Not sure what went wrong but I undid everything. Read the entire page, not just the first steps. ended up adding the trim option to line 12 and it worked.

 

one thing to note, if you have customized your product template you have to modify that one, not the original. i.e. the default (under section) is product-template.liquid, I modified mine and my pages use product-custom-template.liquid

it's pretty simple process. I would recommend making a duplicate of your theme first. (themes/Action/duplicate)

0 Likes