Search blocks by description or jump to a page.
A product grid printing every size on each card, live sizes as chips and sold out sizes struck through with a one line restock note.
The source for every Ecommerce block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
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.
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
After
One strong use is a full apparel run with restock dates. Other availability grids:
Tip: name a real restock date rather than a vague soon, a Friday you can keep beats an apology you cannot.