Images and variants

[bomas]

Hi I have products in several colors where I have a picture of each. I would like that when the customer clicks on a different color, then it is the product they choose. The colors are also set up as variants, but the problem is that the variant does not change together with the image change, so the customer may think that he is buying the color he has clicked on in the image overview. How do I get the two (image shift and variant) to work together?

Thanks Bo

What I want is the color selector to chance when I click om another thumbnail. Is that possible?

I can chance the image by using the selector, but not the other way around.

 

Edited March 26, 2022 by bomas

[veganline]

Hi
(1) How to make the images under the main image select a product: I don't know. Maybe it's best to cover them up with a bit of css to avoid confusion. In Niara theme -
back office > preferences > custom code > css > #thumbs_list {display:none;}
Maybe there's a better way that only removes the thumbnails on some pages, but this is a start.

(2) How to make your "color selector" show images instead of a drop-down menu:
back office > catalog > attributes > color > edit > attribute type > color or texture
back office > catalog > attributes > color > grey carpet > Texture:
-upload an image of grey carpet there. 
back office > cataog > products > carpet > images > - upload an image of grey carpet again here, and all the other colours you sell...
...and a generic picture - maybe a black and white outline
back office > catalog > products > carpet > images > cover photo > tick this box next to the generic picture, that will disappear when someone chooses a color
back office > cataog > products > carpet > combinations > grey > image > tick the circle next to the grey picture from the ones uploaded. This won't work if another photo shows as the cover photo.

I may have got this slightly wrong but hope it helps. It looks from your picture as though you have got most of it already. For me, the idea of a cover photo was the fiddly bit.

Edited March 26, 2022 by veganline

[bomas]

15 hours ago, veganline said:

Hi
(1) How to make the images under the main image select a product: I don't know. Maybe it's best to cover them up with a bit of css to avoid confusion. In Niara theme -
back office > preferences > custom code > css > #thumbs_list {display:none;}
Maybe there's a better way that only removes the thumbnails on some pages, but this is a start.

(2) How to make your "color selector" show images instead of a drop-down menu:
back office > catalog > attributes > color > edit > attribute type > color or texture
back office > catalog > attributes > color > grey carpet > Texture:
-upload an image of grey carpet there. 
back office > cataog > products > carpet > images > - upload an image of grey carpet again here, and all the other colours you sell...
...and a generic picture - maybe a black and white outline
back office > catalog > products > carpet > images > cover photo > tick this box next to the generic picture, that will disappear when someone chooses a color
back office > cataog > products > carpet > combinations > grey > image > tick the circle next to the grey picture from the ones uploaded. This won't work if another photo shows as the cover photo.

I may have got this slightly wrong but hope it helps. It looks from your picture as though you have got most of it already. For me, the idea of a cover photo was the fiddly bit.

Thanks a lot for your answer. But I have come to the conclusion that its not possible to make the thumb images work like a selector, and thats what I was hoping.

I think that it would be a natural thing, and not so confusing for the costumer. But it might be a job for a programmer. But again thanks for your efford.
Bo