Skip to content

Comparison table

Where you can add it

Not in section groups: Header, Footer, Overlays.

  • Row — part of this section
  • Row group — part of this section
  • Column — part of this section; up to 4

Row

SettingTypeDefaultOptions and range
LabelTextMaterial
Value source

Typed values are entered here, one per column. Metafield reads each product’s own value. Product detail shows its vendor, type or an option’s values.

Shown when the section’s Columns is not Custom.

SelectTyped
  • Typed
  • Metafield
  • Product detail
Use ✓ or yes for a check, — or no for a dash, and 3/5 for a scale. Anything else is shown as written.
Column 1

Shown when Value source is Typed or the section’s Columns is Custom.

Text—
Column 2

Shown when Value source is Typed or the section’s Columns is Custom.

Text—
Column 3

Shown when Value source is Typed or the section’s Columns is Custom.

Text—
Column 4

Shown when Value source is Typed or the section’s Columns is Custom.

Text—
Product metafield

Enter the namespace and key, such as custom.material. Each product’s own value is shown in its column.

Shown when Value source is Metafield and the section’s Columns is not Custom.

Text—Placeholder: “custom.material”
Detail

Shown when Value source is Product detail and the section’s Columns is not Custom.

SelectVendor
  • Vendor
  • Product type
  • Option values
Option name

Shown when Value source is Product detail and Detail is Option values and the section’s Columns is not Custom.

Text—Placeholder: “Size”

Row group

SettingTypeDefaultOptions and range
HeadingTextThe details

Column

up to 4

SettingTypeDefaultOptions and range
Used when Columns is set to Custom. Each row’s Column 1–4 value fills the matching column.
ImageImage—
TitleTextColumn title
SubtitleText—
LinkLink—
Link labelTextShop now
SettingTypeDefaultOptions and range
Heading
EyebrowTextOuterwear, compared
Heading

Make a word italic to emphasize it.

Inline rich textFind your coat
Heading sizeSelectMedium
  • Small
  • Medium
  • Large
  • Extra large
TextInline rich textFour coats side by side: the cloth, the weight and how each one wears.
Columns
Columns

Products compares up to four products. Custom compares up to four Column blocks, such as fabrics or materials.

SelectProducts
  • Products
  • Custom
Products

Choose two to four products. The order of the list is the order of the columns.

Products—up to 4
Start with the current product

On a product page, the product itself becomes the first column. Connect Products to a product list metafield to compare each product with its own.

Shown when Columns is Products.

CheckboxOff
Highlighted column

A column number past the columns shown highlights nothing.

SelectColumn 1
  • None
  • Column 1
  • Column 2
  • Column 3
  • Column 4
Highlight label

Shown when Highlighted column is not None.

TextMost loved
Highlight color

Leave empty to use the section’s own band color.

Shown when Highlighted column is not None.

Color—
Table
Show imagesCheckboxOn
Image ratio

Shown when Show images is on.

SelectPortrait (3:4)
  • Portrait (3:4)
  • Portrait (4:5)
  • Square (1:1)
Show price row

Shown when Columns is Products.

CheckboxOn
Show buttonsCheckboxOn
Button action

Shown when Show buttons is on and Columns is Products.

SelectAdd to cart
  • Add to cart
  • View product
Row styleSelectLines
  • Lines
  • Zebra
Show “Only differences” switch

Shows an Only differences switch that hides the rows where every column reads the same.

CheckboxOn
Show sticky column names

On desktop, a slim bar with each column’s name follows the visitor while the table is on screen.

CheckboxOn

Settings every section has — Layout, spacing, motion and visibility — the same in every section.

Defaults here: Section width Full width, padded (everywhere else: Page width); Shape Sheet (everywhere else: None); Color scheme Scheme 2 (everywhere else: Scheme 1); Top spacing 104 px (everywhere else: 64 px); Bottom spacing 104 px (everywhere else: 64 px); Top spacing on mobile 48 px (everywhere else: 40 px); Bottom spacing on mobile 48 px (everywhere else: 40 px); Stagger 80 ms (everywhere else: 0 ms).

  • Comparison table — Category: Products
    Starts with: Row group, Row, Row, Row, Row, Row