Create Conditional Logic with Infinite Options

In this scenario, we'll be showcasing how to display an engraving text box when a bundled checkbox is selected. To set this up, you will want to set up a conditional option to connect with a bundled option.

Watch the video below or follow along with the step-by-step instructions on how to set this up for your products.

1. Create a checkbox, dropdown, or radio button option that asks if the customer wants to add embroidery/engraving.  

2. Bundle an engraving/embroidery product to the value that represents "yes". In this case, the value is the "Yes please +$5". To bundle this, click on the price tag icon to the right of the value.  

3. Make sure you have a product created for this bundled option. In this case, I will be using a product called Embroidery Charge:

4. Click through the bundling process by clicking Add product bundle. Then, select the product, click on Add, then click Done.  

5. Next, you will create the text box option where the customer will input the embroidery/engraving text. To do so, click on Add Another Custom Field at the bottom of that option set.

6. Then input the desired label and field name.

7. Lastly, you will need to create a conditional rule to show this text box when the customer selects the value "Yes please! +$5". To do so, open up the Show Advanced Options menu, then click Create a new conditional rule.  

8. Create this conditional rule to show when the Field Name contains your affirmative value above.

Save your changes! Now you have created a product bundle with a conditionally connected text box. Nice!

In this scenario, we'll be showcasing how to display more text boxes depending on the previous dropdown selection.

One example would be a necklace product that displays an extra text box for each extra initial that the customer wants on said necklace.

To set this up you will want to set up some conditional rules. The rest of this document will walk you through how to make these conditional rules. Watch the video below or follow along with the step-by-step instructions on how to set this up for your products.

This video will display an older version of the app dashboard but the instructions below are updated.

1. Create a custom field in a new option set. The first custom field should look something like this:

2. Since my first custom field (Number of Letters) allows the customer to select 1, 2, or 3 initial letters, we need to make three additional custom fields for each initial. Create an another custom field for the the first conditional option, 1st Initial. This is what the field should look like:

3. Here is what the advanced field will look like from the above custom field, 1st Initial. We set the value to 0 since we want this this option, 1st Initial, to show when the customer selects any "Number of Letters" value greater than 0:

4. Then, create another custom field for the the second conditional option, 2nd Initial. 

5. Here is what the advanced field will look like from the above custom field, 2nd Initial (notice the one thing that changed is the "Greater than" number). We want the 2nd Initial option to show when a customer selects any "Number of Letters" value greater than 1:

6. Lastly, create the last custom field for the the third conditional option, 3rd Initial. 

7. Here is what the advanced field will look like from the above custom field, 3rd Initial. We want the 3rd Initial option to show when a customer selects a "Number of Letters" value greater than 2:

8. Then, save your changes! You are all set! 🎉

In this scenario, we'll be showcasing how to create sub-menus for a phone case product.

Watch the video below or follow along with the step-by-step instructions on how to create sub-menus.

Check out the following steps on how to get this feature set up. For a refresher on how create options with the app, we recommend checking out this guide: Click here!

1. We'll start out by creating an option set assigned to the phone case product itself. The first option created is to select the type of phone, Android or iPhone. We are using the drop-down menu input type.

2. We will now create some option fields for the sub-menus themselves, in this case, for the type of Android and iPhone models to choose from. These will be in the same Option Set, so you just need to click on the Add another custom field button. 

Here's what we set up for the Android Model option field:

Near the bottom of the option, you will need to click on the Show Advanced Options button to see some more settings to adjust, including the Conditional Logic settings.

Here's how we set up the conditional logic to have this Android Model option only display if that is chosen in the first Phone Type option.

3. Once you click on Create a new conditional rule, you can set it up as follows:

The first field, Phone Type, "Phone Type", will show up as an auto-select option when you enter in the Field Name from the previous field. You'll then want to type out the exact value that you want to cause the field to display, in this case, Android. 

4. You can then create another field and do the same for iPhone. 

In this situation, the conditional logic rule has iPhone set for the value.

To create a cascading sub-menu option, we can create another sub-menu for Google devices within the Android Phone Type option. 

5. We would just need to add another custom field and set it up as follows: 

In this situation, the conditional logic rule has Android Model, "Android Model" as the field name and Google as the value. 
You can add as many separate branching and cascading sub-menus as you'd like using the conditional logic rule. 

6. Be sure to save your changes and test out your options to make sure they work just right.  🎉

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.

Scenario Two

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