With Size Availability
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.
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 Basic and Pro. Pick a plan to copy the code.
Already purchased? 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.