How to Add Color Swatches?

In TheGem you can easily turn any attribute to color 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 “Color 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 value and select its color in color picker here

6

Save your changes