Conditional Option Sets
Conditional Option Sets allow you to create smarter, more dynamic personalization experiences for your customers. With this feature, you can control not only how the customization options are displayed but also which ones are shown depending on the customer’s selections.
Option Sets are a powerful way to organize and control personalization layers within your design. Instead of having all customization options shown at once, Option Sets allow you to:
Reorder how options appear
Change the thumbnail view for better customer experience
Set up conditional logic (show/hide options based on customer input)
Add extra charges for specific options (e.g. premium upgrades)
Group related customization options for cleaner presentation
📌 This article focuses on conditional logic. Other features like add-on pricing or group settings will be covered in dedicated articles.
Conditional logic allows you to show or hide options based on the user’s previous selections. For example:
If the customer selects “Dad and Daughter” as the layout → only girl character options are shown
If “Background 1” is selected → a specific set of skin tones or outfits is revealed
This keeps the interface clean and tailored to each buyer’s needs, which is especially helpful in highly customizable products like mugs, posters, or apparel.
Let’s walk through a real example.
You create an option set titled "Choose Gender" with values:
Man
Woman
Each value activates a different set of associated layers and options.
Man selected → shows only man-related layers
Woman selected → shows only woman-related layers
Go to the Assets section and create a folder titled Choose Gender.
Upload two images (e.g., MAN.png and WOMAN.png) if using Image Swatch.
Navigate to your template.
Go to the Option Sets tab and click Add > Image Swatch. You may also use Folder Swatch, but keep in mind: Image Swatch includes a Layer ID and can reflect on the design. Folder Swatch is only used for conditional display purposes (does not reflect on the design itself).
Go to another layer (e.g., Man's Eye Color).
Click the pencil icon to edit.
Scroll down to the Condition section.
Enable the condition toggle.
Set condition: Show this option when Choose Gender is MAN.png
Repeat this setup for other options based on gender selection (e.g., Woman’s Age Range, Woman’s Eye Color).
Conditional Option Sets let you:
Control what is visible in the design flow based on prior selections
Create a cleaner and more relevant customization experience
Enable complex logic like parent-child dependencies in personalization
For more advanced configurations (e.g., add-on pricing or grouping), refer to the next articles in this section.
What Are Option Sets?
Option Sets are a powerful way to organize and control personalization layers within your design. Instead of having all customization options shown at once, Option Sets allow you to:
Reorder how options appear
Change the thumbnail view for better customer experience
Set up conditional logic (show/hide options based on customer input)
Add extra charges for specific options (e.g. premium upgrades)
Group related customization options for cleaner presentation
📌 This article focuses on conditional logic. Other features like add-on pricing or group settings will be covered in dedicated articles.
What Is Conditional Logic?
Conditional logic allows you to show or hide options based on the user’s previous selections. For example:
If the customer selects “Dad and Daughter” as the layout → only girl character options are shown
If “Background 1” is selected → a specific set of skin tones or outfits is revealed
This keeps the interface clean and tailored to each buyer’s needs, which is especially helpful in highly customizable products like mugs, posters, or apparel.
Example Setup: Dog Dad/Mom Design
Let’s walk through a real example.
1. Gender Selection Controls What Comes Next
You create an option set titled "Choose Gender" with values:
Man
Woman
Each value activates a different set of associated layers and options.
Man selected → shows only man-related layers
Woman selected → shows only woman-related layers
2. How to set it up
Step 1: Create the Folder or Images
Go to the Assets section and create a folder titled Choose Gender.
Upload two images (e.g., MAN.png and WOMAN.png) if using Image Swatch.
Step 2: Add Option Set
Navigate to your template.
Go to the Option Sets tab and click Add > Image Swatch. You may also use Folder Swatch, but keep in mind: Image Swatch includes a Layer ID and can reflect on the design. Folder Swatch is only used for conditional display purposes (does not reflect on the design itself).
Step 3: Apply Conditional Logic
Go to another layer (e.g., Man's Eye Color).
Click the pencil icon to edit.
Scroll down to the Condition section.
Enable the condition toggle.
Set condition: Show this option when Choose Gender is MAN.png
Repeat this setup for other options based on gender selection (e.g., Woman’s Age Range, Woman’s Eye Color).
Summary
Conditional Option Sets let you:
Control what is visible in the design flow based on prior selections
Create a cleaner and more relevant customization experience
Enable complex logic like parent-child dependencies in personalization
For more advanced configurations (e.g., add-on pricing or grouping), refer to the next articles in this section.
Updated on: 19/06/2025
Thank you!