For the complete documentation index, see llms.txt. This page is also available as Markdown.

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 contact@globo.io.

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

Last updated

Was this helpful?