Skip to content
Design your Product

Conditional Visibility

Inside the product wrapper you can add several attributes to show/hide parts of your design based on the current product state

Conditional Visibility

In Stock

To show up an element only when the selected variant is in stock you just have to use the following custom attribute:

condition
in-stock

Out of Stock

To show up an element only when the selected variant is out of stock you just have to use the following custom attribute:

condition
out-of-stock

Last in Stock

To show up an element only when the selected variant has only one item left in stock you just have to use the following custom attribute:

condition
last-in-stock

Low Stock

To show up an element only when the selected variant has only have less than 5 items in stock you just have to use the following custom attribute:

condition
low-stock

On sales

To show up an element only when the selected variant is on sale you just have to use the following custom attribute:

condition
on-sale

Disabled

To show up an element only when the selected variant cannot be purchased you just have to use the following custom attribute:

condition
disabled

Subscription

To show up an element only when the selected variant is a subscription you just have to use the following custom attribute:

condition
subscription

Not a subscription

To show up an element only when the selected variant is not a subscription you just have to use the following custom attribute:

condition
no-subscription

Price Varies

To show up an element only when the product has variable pricing (happens with variants that do have different prices) you just have to use the following custom attribute:

condition
variable-price

Fixed Price

To show up an element only when the product has fixed price (happens when variants do all have same price) you just have to use the following custom attribute:

condition
fixed-price

Is Variable

To show up an element only when the product is variable you just have to use the following custom attribute:

condition
is-variable

Is Not Variable

To show up an element only when the product is not variable you just have to use the following custom attribute:

condition
is-not-variable