PRODUCT PAGE

StockStatus

A live in-stock / low-stock / sold-out badge from the Storefront API.

21 properties · plugin-free · Storefront API

LIVE PREVIEW

Properties · 21

Role

Enum

Badge

Product ID

String

Above Design

Slot

Shown above the low threshold, and whenever the count is unknown.

Low Design

Slot

Shown at or below the threshold. Falls back to the above design when empty.

Sold Out Design

Slot

Leave empty to show nothing when sold out.

Low at

Number

5

At or below this, the badge reads low and the counter shows

In stock

String

In stock

Low

String

Low stock

Sold out

String

Sold out

Counter

String

Only {{count}} left

Only when low

Boolean

true

Counter role: hide while stock is above the low threshold

Hide if unknown

Boolean

true

Dot

Boolean

false

Gap

Number

6

Font

Font

In stock

Color

#127A32

Low

Color

#B25E00

Sold out

Color

#8A8A8A

Background

Color

rgba(0,0,0,0)

Radius

BorderRadius

0px

Padding

Padding

0px

◧ Shop Canvas

Framer × Shopify · Storefront API