Conditional logic for product variants

How to set up conditional logic to show or hide variant options based on other selections

What is conditional logic for variants?

Conditional logic shows or hides product variants based on customer selections. Create a dynamic product page where available options change based on previous choices.

How to set up conditional logic

  1. Go to Pages and open the checkout you want to edit.
  2. Go to Details → Variants and create at least two variants.
  3. Click on the variant you want to make conditional.
  4. Open Settings and check Conditional logic.
  5. Select a condition, a variant, and (if applicable) an option.
  6. Click Save.

Condition types

is — show the variant when a specific option is selected.
Example: Show "XS colours" only when Size is "XS".

is not — show the variant when a specific option is not selected.
Example: Show an upsell offer when Membership level is not "Basic".

contains — show the variant when a specific option is selected, even if other options are also selected (used with multiple select).
Example: Show "XS colours" when "XS" is one of the selected sizes.

is empty — show the variant when no option is selected in another variant. Example: Show a discounted support option when a pre-selected upsell is unselected.

is not empty — show the variant when any option is selected in another variant. Example: Show map bundle upsells after the customer selects any travel guide.