Comparison table
Comparison table: two to four products side by side, one row per spec. Each row reads a product metafield (any type), or the vendor, type, price, options or availability. On a product page the product itself can lead the table. Empty values show a dash. The table scrolls sideways on small screens with the row labels kept in view.
This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.
Settings
| Setting | What it does |
|---|---|
| Heading | Default: Compare models. |
| Text | |
| Products | Up to four columns in all. |
| Start with the product of the page | On product pages, the product leads the table and the chosen products follow. Default: on. |
| Show images | Default: on. |
| Show prices | Default: on. |
| Show ratings | Default: on. |
| Show add to cart buttons | Default: on. |
| Highlight a column | Options: None, First, Second, Third, Fourth. Default: none. |
| Highlight label | Default: Most popular. |
| Order on mobile | Options: As on desktop, Second page first. Default: same. |
| Content width | Options: Narrow, Normal, Wide. Default: normal. |
| Minimum height | Options: Automatic, Small, Medium, Large, Full screen. Default: none. |
| Background image | |
| Overlay opacity | A layer in the color scheme’s background color keeps text readable over the image. From 0 to 90 %. Default: 60. |
| Padding on mobile | Options: Same as desktop, Smaller, None. Default: same. |
| Visibility | Options: Show on all devices, Hide on mobile, Hide on desktop. Default: all. |