Now you need to configure the attribute 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.
Swatches may be presented as a featured image taken from product variations. This option is 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.