Globo Docs
Globo Product Options
Globo Product Options
  • Getting Started
  • Option Set configurations
    • 🛠️ How to Set Up Product Options
  • 🧩 Set Up Option Set Using Templates
  • Apply Option Sets to Products
  • Apply Option Sets to Specific Customers
  • Apply Option Sets to Countries
  • How to Delete an Option Set
  • Import & Export Option Sets
  • Option Elements
    • Set up Required filed
    • Hide Element Label
    • Change the Element Name Displayed in Cart and Checkout
    • Input Type options
      • Text and Textarea
      • Number and Phone field
      • Email Field Element
      • Hidden Field Element
      • File Upload Element
      • Color Picker
      • Switch button element
      • Range Slider
  • Selection Option Type
    • Dropdown and Select
    • Image and Color Dropdown
    • Radio Button and Checkbox
    • Button Element
    • Color Swatch and Image Swatch
    • Font Picker Element
    • Redirect Links Elements
  • Static Option Type
    • Heading element
    • Divider & Spacing
    • Pop Up Modal And Paragraph
    • HTML element
    • Size chart element
    • Tab Element
  • Add-on Feature
    • Advanced Add-on Function
    • Manage Add-On Products
  • How to Manage Option Stock via Add-On Products
  • Translate Option Values to Multiple Languages
  • App Setting
    • General Setting
    • Add-on Price Setting
    • Set Option Set Position On Product page
    • List of themes supporting Ajax Cart function
    • 🎨 Change Option Set’s Background Color
Powered by GitBook
On this page
  1. Selection Option Type

Color Swatch and Image Swatch

PreviousButton ElementNextFont Picker Element

Last updated 2 months ago

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!