Selecting product variant:

Solved
Banway92
Tourist
3 0 1

I am building a Shopify store right now, images of the product changes as i select a different variant from the drop down selection but not the vice versa. Its really annoying as a customer i would like the variant to automatically change when i select a certain image.

Any help appreciated. 

(Themes : Debut/ Simple)

Accepted Solution (1)

Accepted Solutions
Guleria
Shopify Partner
1851 397 563

This is an accepted solution.

Hello,

Yes its possible but you have to do little customization.
You can check here https://shopify.dev/tutorials/customize-theme-select-variants-by-clicking-images for more details.

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal

View solution in original post

Replies 5 (5)
Guleria
Shopify Partner
1851 397 563

This is an accepted solution.

Hello,

Yes its possible but you have to do little customization.
You can check here https://shopify.dev/tutorials/customize-theme-select-variants-by-clicking-images for more details.

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal

View solution in original post

Banway92
Tourist
3 0 1

Appreciate that man, worked perfectly. 

lavenderlux
Tourist
11 0 3

@Guleria 

I use Supply theme, and this solution worked great for me too!

One problem I found though, was that if you have, say, 3 images of each variant, you can only have 1 image linked to the variant. So if someone clicks the linked variant image of the 'black' color, and then clicks on an image of the 'blue' color variant, if they didn't click the chosen variant image for blue, then the variant chosen on the drop down menu is still 'black' until they click the one linked 'blue' image.

How can I link multiple images to a single variant? So that any image of 'blue' selected by a customer changes the variant to 'blue' as well, instead of only one image changing the selected variant.

csw
Tourist
5 0 4

Hello,

I have the Turbo theme and cannot find a theme.js or theme.js.liquid file.

Is there an alternate file that this code can be added to? 

Thank you.

 

Guleria
Shopify Partner
1851 397 563

Hello @csw,

Maybe turbo theme have a JS file with different name.
but I think this solution will not works for you because it's compatible with Shopify free themes only. 

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal