Product colors

Color

If you want to add product color variant with visible Hex color in Collection or Product detail page you need to add Variant metafield:

1. Settings > Custom data > Variants > Add definiton
2. Set name to: Color
3. Set namespace and key to: color.values
4. Select input type to: Color
5. In access options select: Storefronts
6. Click Save

Then after you add some product, click on this product in admin and:

1. Add option with name: Color
2. Add option value, for example: Black
3. Click Save

After saving this product, click on product color variant where you will see more editable settings. On the bottom of the page you will find Metafields with Color metafield we just created. You need to set Hex code of your color and click Save, otherwise this color won´t be visible in Collection page or Product detail page.