Help center

Learn how to sell online with Checkout Page

“is” conditional logic for product variants

“is” conditional logic for product variants

This help article will show you how to make one variant option depend on another using the “is” conditional logic.

Conditional logic for product variants lets you decide which options to display based on your customers’ choices.

In other words, the choices for subsequent product variants will be based on another variant’s selection.

What is “is” conditional logic?

is” conditional logic is applicable when you want to show specific options when your customer makes a selection for another variant.

image-fc4e6a.png

Example: For a T-shirt, you can display available sizes for a selected T-shirt color. If your customers select the color “Red”, they will see all sizes available in this color.

To apply the “is” conditional logic for displaying the Sizes for Red t-shirts product variant:

Show/hide logic: 

  • Variant: T-shirt colors 

  • Conditional statement:is

  • Option: Red

Open example checkout

This approach ensures that customers are only shown relevant options, resulting in a personalized shopping experience that fulfills their individual needs.

How to set up conditional logic for product variants?

  1. From your Checkout Page dashboard, click on your checkout and navigate to the Variants tab

  2. Click Add variant and set up at least two product variants

image-a2ca0f.png

  1. Click on a variant that you would like to make conditional and scroll down to open the Settings section

image-020426.png

image-2c9532.png

  1. Check the option for Show/hide logic to activate the conditional statements for this variant

image-3e425f.png

  1. Choose the condition you want to apply, in this case: “is

image-5b2cb4.png

  1. Select the respective Variant and Option
  • In this case, Sizes for red t-shirts variant will only be shown if the selection for T-shirt colors is Red

image-6936f5.png

  1. Click Save and test your checkout!

Learn more about conditional logic for product variants here


Have a question about
Checkout Page?

Start selling in minutes with our no-code checkout page builder.

Create branded, custom checkout pages and increase revenue with one-click upsells and order bumps.

Whether on your website or in your sales funnel, our simple checkout process boosts sales.

Use cases

2023 © Checkout Page. All rights reserved.