# Conditional Logic Function
## Steps to manage:
{% stepper %}
{% step %}
**From Option set, select the option you want to apply conditional logic**
{% endstep %}
{% step %}
**Turn On Conditional Logic**\
On the left side, in the **Option Configuration** panel, find and check the box called **"Conditional Logic Options."**
{% endstep %}
{% step %}
**Choose What to Match**
Select whether you want to base your conditions on the **previous option** or **Shopify variants.**
**For Shopify variants, it is a must to write down exactly the Variant name on products**
{% endstep %}
{% step %}
**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.
{% endstep %}
{% step %}
**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.
{% endstep %}
{% step %}
**Set Conditions Between Elements**
Here are the condition types you can use to link elements:
* **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.
* **Is greater than:** (For number fields) Show the field when the previous option is greater than a certain number you set.
* **Is less than:** (For number fields) Show the field when the previous option is less than a certain number you set.
* **Starts with:** Show the field when the previous option starts with the value you specify.
* **Ends with:** Show the field when the previous option ends with the value you specify.
* **Contains:** Show the field when the previous option contains the value you specify.
* **Does not contain:** Show the field when the previous option *does not* contain the value you specify.
* **For Text option type (Text/Textarea)**, it allows set up the condition of characters number: To show an element if the text field is filled out the the number of characters you set up:
* **For** **Selection option type** **(Dropdown/Checkbox/Button/Swatch),** it allows set up the condition of selection number. To show an element if the previous option is selected with the number you set up
* **For Upload file element,** it allows set up to show an element depending on the number of file you set:
{% endstep %}
{% endstepper %}
📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email ****.
We’re always here and happy to help — with sincerity and care!
