Skip to main content

Conditional Logic Set

Condition is a powerful tool for offering precise customizations to our customers. Its feature shows/hides an element depending on the selection of options from another element. With our easy-to-use condition system, you can easily offer an interactive customization experience.

Note

Before diving deep into the documentation, you can watch the following video to get some ideas about the conditions.

Let’s assume a scenario where we would like to offer the customer the option of choosing from a library of image selections (Image Choice Element) or uploading his image from his device (Upload Element). We can follow the steps below to achieve this.

  • First, we will take a button element to provide the two options. Choose from the Library and Upload your Image.
    Conditional logic set up for shopify products
  • Later, take two elements, one of which is an image choice and the other an upload field. We will also select the proper image set where the images I want to provide as options are present.
  • As you can see in the above screenshot, though the “Choose from Library” button is selected, it shows both the image choice and the upload field together. We will add conditions to the image choice and upload field to solve this.
  • In the image choice element, we will put simple conditions to show that field only when “Choose from Library” is selected.
    Custom product option for shopify on print on demand products
  • We will also add a condition to show the upload element when the “Upload your Image” option is selected.
    T-shirt custom options
  • This way, the respective fields will be shown with the selection from the button choice.

If you require, you can add multiple conditions for an element. You can choose whether the element will be shown when all of them are true or if any single one is true.

Custom product options

You can choose multiple options for which the condition will be true if any of them is selected.

Shopify app for custom image placement on blank t-shirt with custom options

Moreover, you can toggle the “equal to” ( = ) and make it “not equal to” by clicking on it. This way, you can put a condition to show the field when that option is not selected. For example, if I want to show the image choice element using “not equal to,” the condition will be like the screenshot below.

Selling customized t-shirt products on shopify

If you have any further queries regarding conditions, feel free to contact us – click here