FROM CACHE - en_header

Issue with Variants - Selecting an image not changing the variant.

Oliver_Evenden
New Member
2 0 1

Hi all wondering if you could help.

 

So I am developing my first Shopify store and I'm having issues with the variants of the product. So if the user selects the variant through the drop down the image changes to correct variant but if the user clicks on the image it won't change to that variant. This has caused some user to accidentally purchase the wrong one. I have been looking for a solution and while I could go down the route of them choosing the variant through the image only, it didn't work. I think it would be easier if the user could only select an image through the drop down and not both ways. Any help would be great.

 

Theme - Debut

Store - siegeequip.com

Image way I tried but didn't work - https://shopify.dev/tutorials/customize-theme-select-variants-by-clicking-images 

Replies 23 (23)
KetanKumar
Shopify Partner
34392 3444 11266

Hello, @Oliver_Evenden 

Thanks for post.

I have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Oliver_Evenden
New Member
2 0 1

@KetanKumar So i'm using chrome and if you change the variant in the drop down the image will also change but if you click on the image then the drop down won't change. The problem with this is that some customers thinking they have chosen the item they clicked the image of and so are getting the wrong order.

DPInnovations
Shopify Partner
4 0 1

Same for me, drop down updates the main image displayed, but clicking one of the variant images does NOT update the variant drop down selected.

KetanKumar
Shopify Partner
34392 3444 11266

Hello, @DPInnovations 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
34392 3444 11266

@DPInnovations 

Thanks 

i have check this is working fine 

KetanKumar_0-1599074593964.png

 

KetanKumar_1-1599074612720.pngKetanKumar_2-1599074622854.pngKetanKumar_3-1599074638418.png

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DPInnovations
Shopify Partner
4 0 1

Sorry, but no it is not.

The drop down IS correctly displaying the associated variant image, BUT, if you click on one of the images below the main image, the variant drop down is not updated.

Thus, a user selects an IMAGE, likes it, places it in the cart, but the item in the cart is according to the Drop Down, NOT the image he selected.

Here's a video; https://www.dropbox.com/s/ypebfc76di8mjm8/rcrecord_0.mp4?dl=0

Thanks, Steve.

KetanKumar
Shopify Partner
34392 3444 11266

@DPInnovations 

Thanks for details may this is back code 

can you please share here... 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DPInnovations
Shopify Partner
4 0 1

This is the standard, un-modified, Debut theme.

I'm guessing this is not a fault, it's just something that has not been implemented in this FREE theme.

appopica
New Member
2 0 1

I'm having the same issue and I am very concerned. I am using Ecomm turbo 3 and had someone optimize my page speed. Now the variants won't work.

appopica.com

 

Please help.

KetanKumar
Shopify Partner
34392 3444 11266

Hello, @appopica 

Thansk 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
3runo
New Member
1 0 0

Hi! I am having the exact same problem. Did you find a solution for this? Was it the theme? If so, what theme did you choose for this to work? Thanks in advance!

shivana
New Member
4 0 0
lawnda
Excursionist
36 0 5

Hi @KetanKumar 

 

I have the same problem, the variants work perfectly on PC browsers, but the images don't show on mobile browsers 

 

https://freekitch.com/collections/coffee-machine/products/coffee-machine-4in1

KetanKumar
Shopify Partner
34392 3444 11266

@lawnda 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.slick-slider .slick-list {direction: ltr;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lawnda
Excursionist
36 0 5

Hi, @KetanKumar 

 

Thank You 

 

Variable images now appear, but another error occurred
One of the products is available in several colors white and gray
When choosing a white color, the image appears in gray, and vice versa, when choosing a gray color, the image appears in white.

KetanKumar
Shopify Partner
34392 3444 11266

@lawnda 

sorry i can't see any issue please send issue images?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lawnda
Excursionist
36 0 5

The issue in the Arabic version Only

٢٠٢٢٠٥٢١_١٠٠٠١٠.png