> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to set up Conditional logics?

1. [OPTIS Product Options, Variant](/product-options)
2. [Advanced Setup](/product-options/advanced-setup)

# How to set up Conditional logics?

## 🎯 Objective

Conditional Logic allows you to show or hide product options dynamically based on your customer’s selections. The goal is to create a clean, intuitive, and user-friendly product configuration experience ✨

## How Visibility works

Conditional logic is called **Visibility** in the editor. You will find it in the **Display** tab of every option, and in the **Display** tab of a [group](/product-options/20-option-types/others/option-group).

1. Open the option (or group) you want to show or hide and go to the **Display** tab.
2. Under **Visibility**, click **Add condition**.
3. Choose **Show** or **Hide**, and whether **all** or **any** of the conditions must match. The sentence reads, for example: "Show this option when all of the following conditions match".
4. For each condition, choose:

* **Option** - the option whose answer controls this one.
* **Condition** - **is**, **is not**, **contains** or **does not contain**. When the controlling option is a Number field, use **is**, **is not**, **less than** or **greater than**.
* **Value** - the value to compare with. For options with a list of values (Dropdown menu, Radio button, Checkbox, Button, Swatch and so on) pick a value, or **Any value** to match as soon as the customer selects something. For Text box, Text area, Number field and Email options you type the value.
5. Add more conditions with **Add condition**, then click **Save**.

* The option set needs at least two options, because an option cannot be controlled by itself.
* **File upload**, **Date & time**, **Color picker**, **Paragraph**, **Heading**, **Divider** and **Pop-up modal** options cannot be used as the option that controls others. They can still be shown or hidden by other options.
* Conditional logic is an **Advanced** feature. On the Free plan you can use it on one product with a Premium option set. See [Plans and feature availability](/product-options/getting-started/plans-and-features).

#### Example 1: Text vs. Image for Embroidery

Imagine selling a custom T-shirt where customers choose between adding Text or an Image for embroidery.

✅ If they choose Text, they’ll see a textbox to type in.

✅ If they choose Image, they’ll get a file upload option instead.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/b/c/6/dbc696f107565800/84e581f5-3bf5-4185-bd16-186847_1hd0kyj.png)

#### Here’s how to set it up

1️⃣ Create a radio button with “Text” and “Image” options.

2️⃣ Add a textbox for text input.

3️⃣ Add a file upload for images.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/2/c/0/a2c007732d80d800/3f8117c2-1462-4e9a-811d-b6a571_1f2unc1.png)

4️⃣ Navigate to the **Display** tab > **Add condition**:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/5/e/5/75e51079265b8000/ea219bd7-1a99-46d3-9013-d5aba9_b2y35n.png)

5️⃣ Set up Conditional Logic to show only the relevant option based on their selection:

* For the Textbox: **Show** this option when 'Customize T-shirt' **is** 'Add text':

![](https://storage.crisp.chat/users/helpdesk/website/-/f/9/e/f/f9ef116e80539000/623d037a-8840-48fa-87dd-1414a9_ft1kca.png)

* For the File Upload: **Show** this option when 'Customize T-shirt' **is** 'Add image':

![](https://storage.crisp.chat/users/helpdesk/website/-/7/9/e/5/79e55932453fd400/9c218207-3b48-4db2-a35b-7cdc99_11gdk85.png)

Now, customers only see what they need—keeping things clean and intuitive!

#### Example 2: Number of People & Textboxes

Let’s say you offer a T-shirt where customers can add names based on how many people they select.

✅ If they pick 1 person, they get 1 textbox.

✅ If they pick 2 people, they get 2 textboxes.

✅ If they pick 3 people, they get 3 textboxes.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/4/b/6/a4b600ae909ee800/92ade280-0379-480d-afb8-beff24_1wa5cat.png)

#### Here’s how to set it up

1️⃣ Create an option with “1 person”, “2 people" and "3 people"

2️⃣ Add 3 textboxes for name input.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/e/3/9/1e394b748ca74f00/f90b75cc-4925-41cb-9381-a3a122_l48690.png)

3️⃣ Use Conditional Logic to:

* Show Textbox 1 for all 3 choices - because this Textbox 1 will appear on “1 person”, “2 people" and "3 people" selections.

![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FD1sOWPtvYHEk3x2dQLbk%252F5.png%3Falt%3Dmedia%26token%3D28d9bb91-6bd7-457c-ae24-95fa63076568&width=768&dpr=3&quality=100&sign=bdefc4671d399acfdfd0e546d78a0e31&sv=3)

* Show Textbox 2 when "2 people" and "3 people" are selected - Because the second textbox will only appear for these 2 selections:

![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252Fifjmir4qSJWfrzZBCW7g%252F6.png%3Falt%3Dmedia%26token%3D14e4c71c-2377-49d1-9789-81520c34f649&width=768&dpr=3&quality=100&sign=d77a8d336019bf8022dad254f231e220&sv=3)

* Lastly, show Textbox 3 when "3 people" is selected:

![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FeGv5RcB77nJoTwPAU6O9%252F7.png%3Falt%3Dmedia%26token%3D7fe4447e-7d9d-4c01-bfdc-ea35f2a063fc&width=768&dpr=3&quality=100&sign=2613baaa69049eed86e278d072749452&sv=3)

Now, the form updates dynamically, keeping it simple and user-friendly!

And that’s it! Conditional Logic ensures customers only see what’s relevant - making their shopping experience smoother. Try it out and let us know how it works for you!