Category Comparison Table
Three bag families compared in one table across price, fabric, weight, and laptop room, since shape is the real decision.
Three bag families compared in one table across price, fabric, weight, and laptop room, since shape is the real decision.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Category Comparison Table lays the three bag families side by side in numbers, Totes, Backpacks and Duffels across the header with a style count each, then rows for price range, canvas weight, empty weight, capacity, laptop sleeve and warranty. Built on the shadcn Table primitive, text and theme tokens only.
Families and specs are two small arrays. The warranty row reads Lifetime across all three on purpose, so the choice falls to shape and the numbers above it rather than the fine print.
Reach for this block when a shopper has narrowed to one category and needs to choose a shape within it. The weight and capacity rows do the deciding, and the footer names the matched warranty row as deliberate.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is three bag families across six specs. Other comparisons:
Tip: keep one row identical across every column on purpose; a matched warranty line tells the buyer the choice is about fit, not risk.