Conditional Logic with Swatches

Infinite Options supports applying conditional logic to swatches and vice versa.

Scenario One

One example would be displaying a textbox option based on a specific swatch value option selection.

Instructions

Check out the following steps on how to get this set up. For a refresher on how create conditional logic, we recommend checking out this guide: Click here! For a refresher on how to create swatches, we recommend checking out this guide: Click here!

1. To start off, you will want to create your first option that will display the swatches. In this case, we created different types of swatch values displaying different fonts. 

2. Then, you will want to create the second option that will display depending on the swatch option value selection. In this case, we created a textbox option asking which custom font the customer would rather have. 

3. Lastly, you will want to click on  Show Advanced Options under the second option. Then, click on the correct field name and make sure that it contains your affirmative value above. Pick the field name of the option that you would like your second option to depend on. 

4. Save your changes. You are all set!

Scenario Two

One example would be displaying colors based on the previous option value selection.

Instructions

Check out the following steps on how to get this set up. For a refresher on how create conditional logic, we recommend checking out this guide: Click here! For a refresher on how to create swatches, we recommend checking out this guide: Click here!

1. To start off, you will want to create your primary option. In this case, we created a checkbox option asking whether the customer would like their shirt in a different color or not. 

2. Then, you will want to create the second option as a Swatches Input Type. Go through the process and upload images or pick colors per each swatch value.

3. Lastly, you will want to click on Show Advanced Options under the swatch option. Then, click on the correct field name and make sure that it contains your affirmative value above. Pick the field name of the option that you would like your swatch option to depend on. 

4. Save your changes. You are all set! 

Still need help? Contact Us Contact Us