shuffleConditional Logic Function

πŸ“Œ This feature lets you show or hide option values depending on the choices made in other options or specific Shopify variants.


πŸ”§ Settings

1

From Option set, select the option you want to apply conditional logic

2

Add Conditional Logic

In the Option Configuration panel on the left, click "Add condition" at the bottom.

3

Choose What to Match

Select whether you want to base your conditions on the previous option, Shopify variants, or even options from other option sets.

  • Shopify options β€” Variant options created in Shopify. ⭐ Note: The condition value will match if it matches any option value of the variant. For example, for a variant like XS / Red / Men, matching any one of these values (XS, Red, or Men) counts as a match.

  • App options β€” Options created within this option set.

  • Product β€” Basic product information.

    • Product title

    • Product tag

    • Product price

    • Product type

    • Product vendor

  • Manual β€” Manually entered values, typically used to reference options from another option set.

4

Set Your Display Rules

Decide when the field should appear or disappear based on the conditions you create:

  • Show: The field will only show up if all conditions are true. If not, it will stay hidden.

  • Hide: The field will hide if all conditions are true. Otherwise, it will show.

5

Decide How Conditions Work Together

  • All Conditions (AND): The field reacts only if every condition is true.

  • Any Condition (OR): The field reacts if at least one condition is true.

πŸ’‘ Important: Our condition system is one of the most flexible available. You can use only AND, only OR, or even combine AND and OR together within the same rule β€” a capability that no other app currently offers.

6

Set Conditions Between Options

Here are the condition types you can use to link options:

  • is equal to β€” Show the field when the previous option exactly matches your selected value.

  • is not equal to β€” Show the field when the previous option does not match your selected value.

  • has no value (is empty)

  • has value (is not empty)

  • contains text

    • πŸ’‘ If an option is a text field, you can check whether the customer’s input contains a specific substring.

    • πŸ”Ή For example: if the condition is "contains abc", the input must include abc anywhere in the text.

      • βœ… Matches: abc, 123abc, abc123, 1abc2, xyzabcxyz

      • ❌ Not matches: ab, ac, a b c, 123, xyz

  • does not contain text β€” Opposite of contains text

  • starts with

    • πŸ’‘ For text fields, this condition checks whether the customer’s input begins with a specific substring.

    • πŸ”Ή For example: if the condition is "starts with abc", the input must start exactly with abc.

      • βœ… Matches: abc, abcdef, abc123

      • ❌ Not matches: ab, 1abc, xabc, 123abc

  • ends with β€” Opposite of starts with

  • is one of

    • πŸ”Ή For example: Option A is a single-select field with values: A1, A2, A3, A4. If you set the condition "Option A is one of A1, A2", it means: The customer must select either A1 or A2.

      • βœ… Matches: A1 , A2

      • ❌ Not matches: A3, A4

  • is not one of β€” Opposite of is one of

  • β‰₯

  • ≀

  • >

  • <

  • contains any of

    • For example: Option A is a multi-select field with values: A1, A2, A3, A4. If you set the condition "Option A contains any of A1, A2", it means: The customer needs to select at least one of A1 or A2.

      • βœ… Matches: [A1], [A2], [A1, A2], [A1, A3], [A1, A4], [A2, A3], [A2, A4], [A1, A2, A3, A4]

      • ❌ Not matches: [A3], [A4], [A3, A4]

  • does not contain any of β€” Opposite of contains any of

  • only contains

    • πŸ”Ή For example: Option A is a multi-select field with values: A1, A2, A3, A4.

      If you set the condition "Option A only contains A1, A2", it means: The customer can select any combination of A1 and A2, but must not select any other values.

      • βœ… Matches: [A1], [A2], [A1, A2]

      • ❌ Not matches: [A3], [A4], [A3, A4], [A1, A3], [A1, A2, A3], [A1, A2, A3, A4]

  • does not only contain β€” Opposite of only contains

  • contains all of

    • πŸ”Ή For example: Option A is a multi-select field with values: A1, A2, A3, A4.

      If you set the condition "Option A contains all of A1, A2", it means: The customer must select both A1 and A2.

      • βœ… Matches: [A1, A2], [A1, A2, A3], [A1, A2, A4], [A1, A2, A3, A4]

      • ❌ Not matches: [A1], [A2], [A1, A3], [A1, A4], [A2,A3, A4]

  • does not contain all of β€” Opposite of contains all of

  • is on β€” For a switch field, the condition "is on" means: The switch must be toggled on by the customer.

  • is off β€” Opposite of is on


Last updated