Dense List Rows
Products as comparison rows with mono spec lines, ratings, and add buttons.
Products as comparison rows with mono spec lines, ratings, and add buttons.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Dense List Rows trades gallery romance for comparison utility, each product is one row with a small thumbnail, a mono spec line, the rating with its count, and the price beside an add button. The spec line is the feature, weight and capacity sit in the same position on every row so eyes can run the column.
Products are one array. Rows stack to cards on mobile where the comparison posture matters less.
Reach for this block when products in a family differ by numbers, packs by liters, knives by steel, boards by length. It is the listing equivalent of the spec overview and links well into it.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is a product family decided by two numbers. Other lists:
Tip: keep spec lines to three values in fixed order, the moment specs vary per row the comparison column breaks.