About
Globo is the company specializing in website design and development in Vietnam.
18 Khuc Thua Du Street, HN
globosoftware
contact@globosoftware.net
Follow Us

Create conditional logic options

You are here:
Estimated reading time: 2 min

This app allows you to create rules to dynamically show or hide any product options based on the value from other options.

Note: This feature is available for options that are placed in the second position or higher. 

Creating conditional logic options

Steps to manage

  1. In option set, choose an option to apply this feature.
  2. In the option configuration sidebar, tick on the Conditional Logic Options checkbox.
  3. Add conditions to show/hide this product option (see the Adding logic conditions section below).
  4. Click Save to finish.

Adding logic conditions

You can add one or more conditions for a product option. You can force this product option to show or hide only when all conditions or any condition is satisfied.

– Show: When the logic condition is satisfied, the current element is displayed, otherwise, it is hidden.
– Hide: When the logic condition is satisfied, the current element is hidden, otherwise, it is displayed.

 

You can choose any conditional product options. You should only remember that those conditional options have to be placed above the current product option in the option set.

Tutorial videos

This is an example to use the conditional logic options function for your reference:

Which are conditional logic options offered?

You can select from the following options to control how a product option needs to match the condition value that you enter.

 

is equal toThe option value needs to match exactly the whole value you enter.
is not equal toThe option value can’t match the value you enter.
starts withThe beginning of the option values matches the value you enter.
ends withThe end of the option values matches the value you enter.
containsThe option value contains the value you enter.
does not containThe option value doesn’t contain the value you enter.
is greater thanThe option value is greater than the value you enter.
is less than The option value is less than the value you enter.
has fileThe File element is uploaded file
no fileThe File element hasn’t yet uploaded the file

Which element are conditional logic options applied for?

Below is the corresponding conditional logic options according to each element

 

 Element labelCorresponding conditional logic options
Textis equal to/is not equal to; starts with/ends with; contains/does not contain
Textareais equal to/is not equal to; starts with/ends with; contains/does not contain
Numberis equal to/is not equal to; starts with/ends with; contains/does not contain; is greater than/is less than
Date timeis equal to/is not equal to; starts with/ends with; contains/does not contain; is greater than/is less than
Filehas file/no file
Selectis equal to/is not equal to
is equal to/is not equal to; contains/does not contain
Checkboxis equal to/is not equal to; contains/does not contain
Radio Buttonis equal to/is not equal to
Buttonis equal to/is not equal to; contains/does not contain
Color Swatchis equal to/is not equal to; contains/does not contain
Image swatchis equal to/is not equal to; contains/does not contain

What is the value?

Below is three kinds of value that are used for conditional logic options according to the kind of element

  • Text/Textarea/Number/Datetime: the value is the input that you enter when setting the conditional logic options

 

  • File: you no need to enter a value and there will only be two options: has file and no file respectively uploaded file and not uploaded file

  • Select/Checkbox/Radio Button/Button/Color Swatch/Image Swatch: the value is the selected option value

Was this article helpful?
Dislike 3
Views: 5917