How to Add Image Swatches?
In TheGem you can easily turn any product attribute to image swatches so it looks like this on the product page:
To do this, follow this steps:
Create new attribute or edit an existing attribute by going to “WooCommerce -> Attributes” and clicking on “Add new” or “Edit”
In the "Type" field please select "Image Swatches"
Click on “Add attribute” or “Save” to save your attribute
Click on “Configure terms” in the table of your attributes
Add new attribute term and select its image in the "Image" field
Save your changes