Color Swatch and Image Swatch

Color Swatch and Image Swatch are visually interactive option types that let customers select from a set of choices using colors or images, instead of traditional dropdowns or text.


🧩 How They Work:

  • Each value appears as a clickable color block or image.

  • Customers can easily tap or click to choose their desired option.

  • You can allow single or multiple selections depending on your configuration.


⚙️ General Settings:

For both elements, you can configure the following:

  • Label / Name

  • Required Field (force selection before proceeding)

  • Hidden Field

  • Helptext

  • Add-on Price for specific selections

  • Allow Multiple Selection

  • Default Value

  • Conditional Logic

  • Mix/Max selection

  • Style: Veritial/Horizontal

  • Out-of-Stock Style: You can customize how out-of-stock options appear — show, blur, strike through, or hide.

  • Expand/collapse option values


🎨 Specific Features for Color Swatch:

  • Color Picker Integration: You can define swatch colors using HEX codes.

  • Preview Functionality: When linked with elements like Text Box, the selected color can be shown as a real-time preview.


🖼️ Specific Features for Image Swatch:

  • Upload custom images to represent each option.

  • Tooltip Style:


📧 Need Help? If you run into any issues while setting up your option set, feel free to reach out to us at Chat or email [email protected].

We’re always here and happy to help — with sincerity and care!

Last updated