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:

1

Create new attribute or edit an existing attribute by going to “WooCommerce -> Attributes” and clicking on “Add new” or “Edit”


2

In the "Type" field please select "Image Swatches"


3

Click on “Add attribute” or “Save” to save your attribute

4

Click on “Configure terms” in the table of your attributes


5

Add new attribute term and select its image in the "Image" field


6

Save your changes