Conditional logic shows or hides options based on other selections. Create dynamic forms that adapt to customer choices — showing relevant options while hiding irrelevant ones for a cleaner, more intuitive experience.

What is Conditional Display

Conditional display lets you set rules like:

Show “Engraving Text” only when “Add Engraving” is checked
Show “Gift Message” only when “Gift Wrap” is selected
Show specific size options only for certain colors
Show a date picker only when “Schedule Delivery” is toggled on

This keeps your forms focused and avoids overwhelming customers with irrelevant fields.

Setting Up Conditions

Edit the option you want to conditionally show or hide
Scroll to Conditional Display and toggle Add Conditions
Click Add Condition
Select which option the condition depends on
Choose the operator
Enter or select the value to match (if applicable)
Set the Visibility Action — whether conditions should show or hide the option
Save

Condition Types

Conditions can be based on two sources:

Other Option - Trigger based on what a customer selects in another option within the same group
Shopify Variant - Trigger based on the selected Shopify product variant (e.g., show different options depending on the Size or Color variant)

Condition Operators

Is equal to - Matches when the other option’s value exactly equals your specified value
Is not equal to - Matches when the value does NOT equal your specified value
Is filled - Matches when the customer has entered any value (not empty)
Is empty - Matches when no value has been entered
Is checked - Matches when a checkbox or toggle is turned on
Is unchecked - Matches when a checkbox or toggle is turned off
Is in list - Matches when the value is one of several comma-separated values

Visibility Action

Choose what happens when conditions are met:

Show when conditions are met - The option starts hidden and appears only when the condition is satisfied
Hide when conditions are met - The option starts visible and disappears when the condition is satisfied

Multiple Conditions

Add multiple conditions and choose how they combine:

All conditions must be met (AND) - Every condition must be true for the action to trigger
At least one condition must be met (OR) - Any single condition being true triggers the action

Example Workflows

Engraving Options:

Switch: “Add Engraving?”
Text Input: “Engraving Text” — shows when “Add Engraving” is checked
Dropdown: “Font Style” — shows when “Add Engraving” is checked

Gift Services:

Checkbox: “This is a gift”
Dropdown: “Gift Wrap Style” — shows when “This is a gift” is checked
Paragraph Text: “Gift Message” — shows when “This is a gift” is checked

Variant-Based Options:

When Shopify variant “Size” equals “Custom” → show “Custom Width” and “Custom Height” number fields

Preview

The option group preview in the sidebar reflects conditional logic in real time. When you interact with options in the preview, dependent options appear and disappear just as they would on your storefront.