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