The Color swatch option shows a set of color swatches customers can choose from, for example a text color or a background color. Link it to a design option so the color changes on the preview as customers pick.

To add it, click Add option, choose Color swatch under Form Elements, and click Add.

Content

Color swatch option settings
  • Label: The title above the swatches.
  • Color type: Offer Solid colors or Gradients.
  • Option values: Click Add option value to add colors one by one, or Import from folder to add colors saved in Assets.
  • Display style: How the swatches look, for example Thumbnail image.
  • Advanced: Use Global ID to link this swatch to a design option. See Advanced Option Settings and Global ID.

Condition

Show or hide this option based on another choice. See Show or Hide Options with Conditions.