{"id":424,"date":"2026-09-07T05:04:06","date_gmt":"2026-09-07T05:04:06","guid":{"rendered":"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/conditional-logic\/"},"modified":"2026-10-26T11:02:27","modified_gmt":"2026-10-26T11:02:27","slug":"conditional-logic","status":"publish","type":"docs","link":"https:\/\/shapekode.com\/product\/shapeoptions\/docs\/optionfroge-documentation\/conditional-logic\/","title":{"rendered":"Conditional logic"},"content":{"rendered":"\n

Conditional logic shows a field \u2014 or a whole section \u2014 only when the shopper\u2019s other answers call for it. Rules are checked live in the browser and again on the server.<\/p>\n\n\n\n

Pro feature<\/p>

Conditional logic is part of ShapeOption Pro.<\/div><\/div>\n\n\n\n

On this page<\/p>

Add a rule<\/span>Operators<\/span>Nested rule groups<\/span>Hide a whole section<\/span>How hidden fields behave<\/span>Tips<\/span><\/p><\/div>\n\n\n\n

Add a rule<\/h2>\n\n\n\n
1<\/div>

Open the field to show or hide<\/p>

Click its card, then the Conditional Logic<\/strong> tab.<\/div><\/div><\/div>
2<\/div>

Turn it on<\/p>

Tick Enable conditional logic<\/strong>.<\/div><\/div><\/div>
3<\/div>

Choose ALL or ANY<\/p>

Show when ALL rules match<\/em> needs every rule to be true; Show when ANY rule matches<\/em> needs only one.<\/div><\/div><\/div>
4<\/div>

Write the rule<\/p>

Pick the other field, an operator, and the value to compare with \u2014 for example Gift wrap \u00b7 equals \u00b7 yes<\/em>.<\/div><\/div><\/div>
5<\/div>

Add more if needed<\/p>

Click + Add rule<\/strong> for another rule, or + Add group<\/strong> for a nested group.<\/div><\/div><\/div>
6<\/div>

Update the group<\/p>

Open a product page and change the answers to watch the field appear and disappear.<\/div><\/div><\/div><\/div>\n\n\n\n
\"Conditional<\/a>
(1) Turn it on. (2) ALL or ANY. (3) A rule: field, operator, value. (4) A nested group with its own ANY setting. (5) Role visibility for this field.<\/figcaption><\/figure>\n\n\n\n

Operators<\/h2>\n\n\n\n
Operator<\/th>Matches when the other field\u2026<\/th><\/tr><\/thead>
equals<\/strong><\/td>has exactly this value. For a checkbox group: this choice is ticked.<\/td><\/tr>
does not equal<\/strong><\/td>does not have this value.<\/td><\/tr>
has any value<\/strong><\/td>is filled in or has something picked.<\/td><\/tr>
is empty<\/strong><\/td>is left blank.<\/td><\/tr>
is greater than<\/strong><\/td>is a number above this value.<\/td><\/tr>
is less than<\/strong><\/td>is a number below this value.<\/td><\/tr>
contains<\/strong><\/td>includes this text (any case), or has this choice ticked.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Nested rule groups<\/h2>\n\n\n\n

When one ALL\/ANY list is not enough, add a group. Each group has its own ALL\/ANY setting and counts as one rule of the list it sits in. Groups can be nested up to three levels deep.<\/p>\n\n\n\n

Tip<\/p>

Example: show \u201cExpress printing\u201d when (Size equals XL AND Quantity is greater than 5)<\/em> OR Color equals red<\/em>.
Set the top list to ANY<\/strong>, add a group set to ALL<\/strong> with the two size and quantity rules, then add the color rule next to the group.<\/div><\/div>\n\n\n\n

Hide a whole section<\/h2>\n\n\n\n

A Collapsible section field can carry rules too. When its rules do not match, the section and every field under it \u2014 up to the next section \u2014 are hidden.<\/p>\n\n\n\n

1<\/div>

Add a Collapsible section<\/p>

Put it above the fields it should control, for example \u201cEngraving details\u201d.<\/div><\/div><\/div>
2<\/div>

Open its Conditional Logic tab<\/p>

Enable conditional logic and add a rule such as Add engraving \u00b7 equals \u00b7 yes<\/em>.<\/div><\/div><\/div>
3<\/div>

Update<\/p>

Shoppers who do not want engraving never see the section or its fields.<\/div><\/div><\/div><\/div>\n\n\n\n
\"A<\/a>
(1) The section \u201c3. Extras\u201d shows only when Print is not \u201cNo print\u201d. (2) Every field under it \u2014 here the Extras checkbox group \u2014 is hidden with it.<\/figcaption><\/figure>\n\n\n\n

Good to know<\/p>

A section cannot depend on its own fields \u2014 hidden, they would read as empty and keep it hidden forever \u2014 so those fields are not offered in its rules. In the multi-step wizard, a hidden section\u2019s step is skipped.<\/div><\/div>\n\n\n\n

How hidden fields behave<\/h2>\n\n\n\n