The Conditional visibility feature allows you to control the visibility of elements on your page based on specific criteria. This is particularly useful for dynamically changing the layout by showing or hiding elements based on product or variant properties.
Adding conditions
To conditionally show a specific element, click any element on the canvas and navigate to the settings tab in the right panel. In the settings, click on "+ Add condition". This will show the available options for the specific element.
Setting up the criteria
After adding a condition you will see options to define the criteria for showing or hiding the selected element. The criteria can be based on the following product or product variant properties.
Available for sale
On sale
Product option
Selling plan
Metafield values
Example use cases
Showing a "Save x%" badge when a product is on sale:
Showing additional information when a selling plan is selected:
