18V Platform
Most tradespeople
- Battery Included
- 2 × 4.0Ah
- Torque
- 95 Nm
- Runtime (per charge)
- 6-8 hours
- Weight
- 1.8 kg
- Warranty
- Lifetime battery
Appearance
Comparison Table
A feature comparison grid for comparing products, plans, or options side by side. Helps visitors make informed decisions.
Try it
Change the settings below and watch the preview update in real time. Click Split to see settings and preview side by side, or use the tabs to switch between them.
Storefront preview
Settings
| Setting | What it does |
|---|---|
| Color scheme | Picks which set of colors to use for this section |
| Heading | The title above the table |
| Orientation | Columns (default) builds the side-by-side product comparison from Column blocks. Rows (specs table) builds a single label/value specs list from Spec blocks instead — Column blocks are not used in this mode. |
| Feature column header | The label for the feature-name column (e.g., "Feature"). Only shown when Orientation is set to Columns. |
| Enable sortable columns | Turns each column header into a sort button: clicking it reorders the feature rows by that column's values, and the sorted column is tinted. Only available when Orientation is set to Columns. |
Column names come from the Column title field on each Column block — see Blocks below.
Blocks
Column
Each column in the comparison table is a Column block. Add one block per product or option — up to 4.
| Setting | What it does |
|---|---|
| Column title | The name of this column (e.g., the product name) |
| Subtitle | A short description below the title |
| Column image | A product or category image for this column |
| Button label | The button text for this column's call-to-action |
| Button link | Where the button links to |
| Highlight this column | Mark this column as featured or recommended |
Row
Each feature is a Row block. Add one block per feature — the table shows one row per Row block, in the order you arrange them.
| Setting | What it does |
|---|---|
| Row label | The feature name for this row (e.g., "Weight", "Material") |
| Column 1 value | This row's value in the first column |
| Column 2 value | This row's value in the second column |
| Column 3 value | This row's value in the third column |
| Column 4 value | This row's value in the fourth column |
Only as many "Column n value" fields matter as you have Column blocks — with 3 columns, "Column 4 value" is simply unused.
Spec row
Used only in the Rows (specs table) orientation. Each Spec row block is one row of the specs list: a spec name, a value, and an optional unit.
On mobile
Below 768 px the table doesn't shrink or scroll — it becomes one card per column. Each card repeats its column's name, subtitle, "Recommended" badge, and CTA, and lists that column's specs as label/value pairs.
This matters because a comparison table read on a phone has to stay attributable: every value a shopper sees is next to both the feature it describes and the product it belongs to. (A table stacked row-by-row produces cards whose values no longer name their column — which is the one thing a comparison table cannot afford to lose.)
Sorting belongs to the table, so the sort buttons go with it: below 768 px the cards list every column's specs in block order, already grouped per product, and nothing needs sorting to stay attributable.
Nothing to configure: the same blocks render both ways.
Advanced
Related article — pick a blog post to link from the comparison table, for shoppers who want more guidance. Leave it unset to show no link.
Preset signature — Tine
Comparison table is a Tine signature section. Under Tine it is styled as a forge spec plate: a riveted steel outline, platform names on charcoal plates, values set in tabular monospace like a trade-counter spec sheet, and the Highlighted column heat-marked with the molten seam that runs along its top edge, plus a forge-red "Recommended" stamp. Buttons ignite on hover rather than lifting.
This is purely visual. The section, its settings, and its blocks are identical on every preset — only the skin changes.
Tips
- Highlight your recommended product to guide visitors who feel overwhelmed by options. A "Most Popular" or "Best Value" label goes a long way.
- Keep feature rows to 5–8. More than that and the table becomes hard to scan. Link to individual product pages for full details.
- Put the recommended column first or in the middle — not last. It's the column you want read, and on mobile the columns become cards in block order, so the recommended one should not be the third card down.