> For the complete documentation index, see [llms.txt](https://docs.angle3d.co/angle3d-configurator-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.angle3d.co/angle3d-configurator-documentation/set-up-configurator/customization-options/conditional-logic.md).

# 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="/files/T9OG4RIJaaClKtk1pWfc" 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="/files/KFAec3vmS94OkojqR4tx" 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="/files/T9OG4RIJaaClKtk1pWfc" 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="/files/KFAec3vmS94OkojqR4tx" alt="" data-size="line">your changes.
