Color Swatch and Image Swatch
Last updated
Last updated
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.
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
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.
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!