With Model Comparison
A product overview above a full comparison table of every model in the range, the viewed column highlighted with its buy button inside.
A product overview above a full comparison table of every model in the range, the viewed column highlighted with its buy button inside.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
With Model Comparison settles the which one question on the page itself, a standard overview up top, then the full model range as a comparison table with the viewed column highlighted and its buy button living inside the column. No tab switching, no back and forth, the differences are all in one grid.
Static markup on theme tokens, the models and spec rows are plain arrays and the highlighted column is a single index. The table scrolls sideways on narrow screens so no row ever collapses on itself.
Reach for this block when a product ships in a range and the buyer's real question is which size, packs, tools, anything where the models differ by a few concrete specs. The table converts the shopper who would otherwise open three tabs to compare.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is a pack sold in three volumes. Other comparisons:
Tip: keep the buy button inside the highlighted column, the decision and the action belong in the same place, not split across the page.