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:
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 “Color Swatches”
Click on “Add attribute” or “Save” to save your attribute
Click on “Configure terms” in the table of your attributes
Add new attribute value and select its color in color picker here
Save your changes