Hello,
You need to enable swatches. Swatches are enabled in Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch.All the attributes would be presented as text instead of a drop-down. In order to show the attribute item as color swatches, it is necessary to set the color in “Color preview for this value”.
There is an option to display the swatches as images uploaded to “Image preview for this value” of the attribute item. The color from “Color preview for this value” should be cleared. In this case, the color, for example, =Red= would have one and the same image for all the products.
In order to show featured images taken from product variations in swatches, it is necessary to enable the option provided in the Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display – choose pa_color (the color attribute, for example) and “Use images from product variations” should be enabled. The variable product should have featured image for each variation. In this case color, for example,= Red= would have the image taken from the product variation which is set for red variation.
If you have any problems after following the instruction, please provide your site admin access I will check the settings.
Best Regards