Search blocks by description or jump to a page.
A waist by inseam availability grid beside a height to inseam picker, so buyers choose both numbers instead of guessing the second.
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
Denim Size Matrix handles the number denim buyers always guess wrong: the inseam. The left column turns height into an inseam recommendation across four bands, each with a note on where the hem lands, while the right column stocks a waist by inseam grid so shoppers confirm both numbers are actually available before they commit to a pair.
Waists, inseams, and height bands are three plain arrays, static table markup with no dependency. Filled and outlined dots split in stock from made to order, and the footer fixes the unit and the after wash measuring point, so what buyers order is what the denim stays.
Reach for this block on denim and trouser product pages, or any size guide for garments sold as waist by inseam. It earns its place wherever the second number drives exchanges, giving buyers a height led inseam and a live view of what is in stock in one panel.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the full waist by inseam grid. Other matrix cuts:
Tip: pairing the height led inseam guidance with a live stock grid stops the exchange before it starts; buyers pick a length that fits and a pair that ships.