Conditional Logic (Avis and Shopify)

Option B is shown/ hidden according to the value of option A (Avis and Shopify)

Scenario: Only if customers choose a Colors, the Sizes responsive to the Colors will show. You can check out our Demo product to see how it works 😊 Here is the step-by-step instruction on how to set up the Conditional logic

Kindly note that for the conditional logic to work, the product should have both Shopify Option and Avis Option

Step 1: Creating Shopify Option

In the product that the conditional logic will apply, going to the Variants section, filling the variant value. In this case, I will put in 3 Colors, Green Yellow and Red, then hit Save (Option A)

Step 2: Creating Avis Option

Doing the same steps as in the Guideline of Creating Option Set, then putting in the same number of Options as the number of Logic that you want to create. In this case, I have 3 colors so I created 3 options Size for it (and I called this Option B)

In the Set up of Option B, click on Create Conditional logic

Then choose the Option that you want to have the Size linked with, putting in their value. For example, I have "Size for Green" option and I will link it to Shopify variants called "Green"

Doing the same thing with other sizes, and choose the Product that you want to have this Option to show on, then hit "Save"

You can check on the result in the Preview section (on the right side of the options) or you can open the online Product page and see how the Conditional logic works.