Featured Tile Grid
A mixed size product grid where one hero piece spans a double tile beside four supporting products, each card carrying its name and price.
A mixed size product grid where one hero piece spans a double tile beside four supporting products, each card carrying its name and price.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Featured Tile Grid leads with a single piece. A double tile spans two rows for the pack the whole range is built around, and four supporting products fill the standard cells beside it. The hero carries an extra line the small tiles skip, the note that tells you why it anchors the range.
The featured piece is one object and the supporting products are an array. The row spanning tile does the hierarchy work, size alone signals which piece leads without a badge or a louder label.
Reach for this block at the top of a category or collection page where one flagship piece should lead and the rest read as the pieces owners add next. Past five or six supporting tiles the hero stops dominating, switch to an even grid.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the flagship beside the pieces owners add next. Other featured grids:
Tip: let size carry the emphasis so the hero needs no badge, the double tile already says which piece leads.