03GENERAL

Comparison table

This page explains how “Comparison table” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Comparison table

This page explains how “Comparison table” actually behaves, which data it depends on, and what its settings change.

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Understand the settings

Header

Present the table with a eyebrow, a title and introductory text.

Eyebroweyebrow

Titleheading

Introductionintroduction

Presentation of the table

Choose the number of columns, the highlighted column and the price display.

Number of optionscolumn_count

Default: 3 · Options: 2, 3, 4

Featured optionhighlighted_column

Default: 2 · Options: None, Option 1, Option 2, Option 3, Option 4

Feature stylehighlight_style

Default: glow · Options: Halo and shadow, Fine outline

Show product pricesshow_prices

Default: enabled

First column titlefeature_heading

Option 1

Select the product and customize the contents of this column of the table.

Productproduct_1

Custom imageimage_1

Custom titletitle_1

Badgebadge_1

Custom linklink_1

Link textlink_label_1

Option 2

Select the product and customize the contents of this column of the table.

Productproduct_2

Custom imageimage_2

Custom titletitle_2

Badgebadge_2

Custom linklink_2

Link textlink_label_2

Option 3

Select the product and customize the contents of this column of the table.

Productproduct_3

Custom imageimage_3

Custom titletitle_3

Badgebadge_3

Custom linklink_3

Link textlink_label_3

Option 4

Select the product and customize the contents of this column of the table.

Productproduct_4

Custom imageimage_4

Custom titletitle_4

Badgebadge_4

Custom linklink_4

Link textlink_label_4

Accessibility and texts

Customize the accessible name of the component, its simple responses and the texts displayed without data.

Table labeltable_label

This label describes the table to assistive technologies and is not displayed as a visual title.

Positive valueyes_label

Negative valueno_label

Text without linesempty_text

Spacing

Adjust the space above and below the table.

Top marginpadding_top

Default: 72 · Range: 0–120px

Bottom marginpadding_bottom

Default: 72 · Range: 0–120px

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment

Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION

Available blocks

Featurefeature

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

✓
Content remains readable in every color scheme.
✓
Labels match the storefront language.
✓
Displayed promotions match Shopify rules.
✓
Interactions remain accessible by keyboard and touch.