Articles on: Design Templates

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.


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.

Create a folder

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).


Add an "Image swatch" layer

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).


Enable Condition

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

Was this article helpful?

Share your feedback

Cancel

Thank you!