Set color for variant option value

Use color hex as swatch, you can setup up to 2 color codes for the same variant option value.

Guide

1. Setup style for variant option is color swatch

  • Go to admin app GLOBO Color Swatch Dashboard -> Options list

  • Select your product variations to display as swatches

2. Change display style to swatch

  • Choose one of 4 style

Types variant support setup color hex:

✅ Swatch

✅ Pill swatch

✅ Custom swatch with price

✅ Swatch dropdown

Swatch
Pill swatch
Custom swatch with price
Swatch dropdown
  • Click save button

3. Change color hex for options value.

  • After change style -> click config button

Config color swatch
  • In config page, you can setup color for option value.

  • For each option value, you can only configure a maximum of 2 colors for 1 value.

  • If you use 2 colors, you need to tick the checkbox next to color 2

  • Save and preview on front store

    Setup color for option value

Demo

Demo

Last updated