Search blocks by description or jump to a page.
A side by side list lining up products with specs, prices, and features in columns. Helps shoppers weigh options before they commit to a purchase.
Comparison List is a two-part layout for putting products side by side. At the top, a grid of product cards shows each item's thumbnail, name, and price alongside a checkbox. Checking a card (up to three at once) adds a highlighted ring to it and pulls that product into the table below. The table opens with a header row of product names, then works through price, a features section with check and cross icons, and a specs section with plain text values for each attribute.
The product cards and the table are independent. You can swap in your own items, rename or reorder the feature rows, and adjust the spec fields without the two sections interfering with each other. The three-product cap is the only structural constraint.
This layout suits any page where a shopper needs to weigh a small set of options before committing. For a creative agency or studio selling service tiers or equipment packages, it lets clients scan what is and is not included at each level without reading separate detail pages. It works better than a plain grid list when the decision hinges on attribute differences rather than visual appeal, and better than a filter list when the catalog is already narrow and you want to drive a direct side by side verdict.
A natural flow around it on an Ecommerce page:
Before
After
The block accepts any product set and any combination of boolean features and text specs. A few concrete ways to fill it:
Tip: keep features to five or six rows and specs to a similar count so the table stays readable without scrolling on a laptop.