Change product image when selecting varient

-- HikaShop version -- : 4.0.1
-- Joomla version -- : 3.9.2
-- PHP version -- : 7.x
-- Browser(s) name and version -- : Chrome 71.0.3578.98
-- Error-message(debug-mod must be tuned on) -- : none

I see where you can set the default image for a product that comes in several colors, and have also created the variants (size, color) but is there a way to configure it so that when someone selects a color variant from the dropdown on the front end that the product image also changes?

For instance, if I have a red, green and blue jacket variant, I would like to product photo to change to match the variant selected from the drop-down. In my config, the default image is always displayed no matter which variant I select.

Thanks!

I'm not sure if this is the correct way to do it but—I assigned the product photo with the correct color to the variant (red jacket to red variant, etc.), and it seems to display the correct color product when you select that color from the dropdown.

However, now 1) all the little product thumbnails have disappeared from below the product photo, and 2) the size of my product photo has changed (smaller).

Item #1:
I did that for one of the products as a test. I added the correct image (color) for each of the variants and when we select the variant from the drop down, the image changes to the correct color.

Item #2:
Today the product image is the correct size—go figure (I'm careful to clear the site and browser cache). However, the thumbnails below the product have all disappeared (see screenshot comparison). The image on the right does not have the product/colors attached to the variants while the one on the left does.

What I'm seeing with Google Inspector is that the view with the product/color assigned to the variant is not loading the thumbnails while the one that doesn't have a product/color assigned to a variant is loading the thumbnails (see screenshots)

So then are you saying that I should NOT have all the product photos in the Product "Images and Files' section but instead All the product photos in each of the variants?

Got it - so the images in the product basically set the default view on the front end and the images in the variants are attached to the dropdown and thumbnails.

Thank you!

Nicolas—

One thing I've noticed is that the color and size variants don't seem to be related. For instance, I have a 'medium black' jacket and an 'extra large blue' jacket. In the front end of the store, the color in the dropdown and the correct colored product are connected, the default product set, and the variants set up.

However if I switch from the black medium jacket to the blue extra large jacket on the front end:
• the size doesn't change from medium to extra large for the blue jacket (medium is not a variant I've set up for the blue jacket).
• the color of the jacket does not change (because there is not a variant for a medium blue jacket),
• the color of the jacket changes from black to blue when you select the extra large variant.

Thoughts?

I suppose another way would be to set the default variant to one that is 'in stock' across the other variants.