With Size Availability

About this block

With Size Availability prints the full size run on every card. In stock sizes read as plain chips, sold out sizes are struck through, and a one line restock note sits under each piece so no click ends on a dead size page. The lede sets the promise the grid keeps, every size we cut is on the card.

Products are one array, each carrying its sold out sizes and a restock line. The struck chips and the note read from the same data, so a size never looks available in one place and gone in another.

When to use

Reach for this block on a category page for apparel or anything sized, where landing on a sold out variant is the common frustration. It answers the size question before the click, paired well with a deeper size and fit guide.

A natural flow around it on an Ecommerce Pro page:

Before

• Store hero

After

• Size and fit

What you can display

One strong use is a full apparel run with restock dates. Other availability grids:

• Low stock flags. The last few sizes marked before they sell through.
• Waitlist sizes. Sold out chips that open a notify me line instead.
• Fit spread. Regular, tall, and short runs shown per piece on one card.

Tip: name a real restock date rather than a vague soon, a Friday you can keep beats an apology you cannot.