Swatches (Multi-Selection) Option

The Swatches (Multi-Selection) Option in the Sellio Product Options app allows customers to select multiple values visually using colors, images, or patterns. This combines the power of multi-selection (like checkboxes) with a highly visual UI (like swatches).

It is ideal for products where customers may want to choose multiple designs, colors, or styles at once.

A Swatches (Multi-Selection) Option displays multiple visual choices where customers can select one, multiple, or all values.

Example:

Choose Your Designs

• Floral ? (+$5)

• Abstract ? (+$7)

• Minimal ⚪ (+$3)

? Customers can select:
✔ Floral
✔ Abstract
(or all options together)

Basic Configuration

• Display Name

This is the label visible on the product page.
Example: Choose Your Style

• Unique Name

Internal identifier used for backend operations.
Example: design_selection

• Tooltip

Displays additional information when hovered.
Example: Select one or more styles

• Help Text

Shown below the option to guide customers.
Example: You can select multiple designs

Advanced Settings

• Class & ID

Used for custom styling or tracking via CSS/JS.

• Schedule Option

Control when the option is visible:

• Start Time

• End Time

Use Case:
Show seasonal designs or limited collections.

• One-Time Charge

When enabled, the total charge for selected swatches is applied only once per product, even if quantity is more than 1.

Example:
Product quantity = 2
Design charge = $10
? Total = $10 (not $20)

• Min-Max value selection

Merchant can set the minimum and maximum number of selection option values. 

Example: User must choose at least 1 hobby and up to 3 hobbies. 

Option Values Setup

Each swatch value can be configured individually.

• Option Value Name

Examples:

• Red

• Blue

• Floral Design

• Marble Pattern

• Display Type

• 1 Color Swatch

• 2 Color Swatch

• Image Swatch

• Pricing Options

You can assign pricing logic to each value:

• No Charge
  Free option

• Create Charge (Fixed Price)
  Add a fixed extra charge
  Example: Vanila Cookie = $5

• Link Existing Product/Variant
  Link existing Shopify variant/product with the Option value. 

• Percentage-Based Price
  Example: 10% of product price

• Multiplication-Based Price
  Price scales with product quantity. Example: 2x of Product Price. 

• Pricing Behavior

? If multiple swatches are selected:
Total price = Sum of all selected values

Example:

• Red → $3

• Blue → $2
  ? Total = $5

• Set Default Value

Pre-select one or more swatch values when the page loads.

• Inventory Management (Optional)

Track stock for each swatch value.

? Use Cases

• Clothing (Select multiple colors or prints)

• Custom products (Choose multiple designs)

• Gift items (Multiple packaging styles)

• Art & prints (Select multiple artworks)