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:

Name

condition

Value

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:

Name

condition

Value

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:

Name

condition

Value

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:

Name

condition

Value

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:

Name

condition

Value

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:

Name

condition

Value

disabled

Subscription

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

Name

condition

Value

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:

Name

condition

Value

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:

Name

condition

Value

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:

Name

condition

Value

fixed-price

Is Variable

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

Name

condition

Value

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:

Name

condition

Value

is-not-variable