# Conditional Logic

Let's simplify the set up of a professional User Interface by implementing conditional logic to your configurator.

## What is Conditional Logic?

Conditional logic allows you to display certain customization options or option values only if specific conditions are met.

For instance, you might want to display color/material options of a single component of the product **only if** the user includes that same component in their purchase.\
\
\* *Please note that the conditional logic feature is only accessible in the Premium, Professional and Enterprise plans.*

## Set Up Conditional Logic <mark style="color:green;">for an entire customization option</mark>

1. Open your customizer, then edit an existing customization option and **select the three dots** on the top-right<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FtWcT1MSi1qBzwLmaXZBI%2FConditionalDots.png?alt=media&#x26;token=d7544f91-1bc2-4711-9253-1a3eeb2c045f" alt="" data-size="line">.
2. Enable the '**Set as conditional**' option\*.&#x20;
3. Assign the '**hidden/shown**' state - a.k.a. whether the current customization option will be hidden or displayed if the condition is met.
4. Select '**Add a condition**', then choose an **existing** **customization option** and its **value** as condition to be met to either hide or display the current customization option.
5. Add as many conditions as necessary and '**Save**'<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FIdsnwFCPbwb2xaVINyAQ%2FSave.png?alt=media&#x26;token=ec736951-bbac-452f-83b4-dd9428010dc8" alt="" data-size="line">your changes.

## Set Up Conditional Logic <mark style="color:green;">for a specific option value</mark>

1. Open your customizer, then edit an existing customization option and  go to the 'Options' section.
2. **Select the option value you want to make conditional, and select the three dots** on the top-right of that option<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FtWcT1MSi1qBzwLmaXZBI%2FConditionalDots.png?alt=media&#x26;token=d7544f91-1bc2-4711-9253-1a3eeb2c045f" alt="" data-size="line">.
3. Enable the '**Set as conditional**' option\*.&#x20;
4. Assign the '**hidden/shown**' state - a.k.a. whether the current customization option will be hidden or displayed if the condition is met.
5. Select '**Add a condition**', then choose an **existing** **customization option** and its **value** as condition to be met to either hide or display the current customization option.
6. Add as many conditions as necessary and '**Save**'<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FIdsnwFCPbwb2xaVINyAQ%2FSave.png?alt=media&#x26;token=ec736951-bbac-452f-83b4-dd9428010dc8" alt="" data-size="line">your changes.
