Spec Side By Side

About this block

Spec Side By Side duels two products with typography doing the analysis, rows that differ render emphasized, rows that match stay muted and present, half the table is identical, that is the point of a product family. The decision sentence under the table does what tables cannot, decide.

Rows are one array with a differs flag. Admitting sameness is the honesty feature, hiding identical rows would make the differences look bigger than $34.

When to use

Reach for this block when two adjacent models cause most of the hesitation, linked from both product pages. For three or more, use the model comparison table.

A natural flow around it on an Ecommerce Pro page:

Before

• Product overview of either contender

After

• The winning product page
• Reviews for both

What you can display

One strong use is your two most confused siblings. Other duels:

• Old against new. The generation comparison with unchanged rows owned.
• Yours against the spreadsheet. Your product against the DIY alternative, priced honestly.
• Two materials. The same design in canvas and leather.

Tip: end with the decision sentence, if you pack a gym kit, that is the one, tables inform but sentences convert.