03GENERAL

Make up the comparison

This page explains how “Make up the comparison” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Make up the comparison

This page explains how “Make up the comparison” actually behaves, which data it depends on, and what its settings change.

IMPLICIT BEHAVIOR

What the theme does automatically

→
Some data can come from Shopify metafields; a missing value usually hides the related element.

CONFIGURATION

Understand the settings

Products offered

Set the comparison catalog source, limits, and filters.

Collection to comparecollection

Visitors will be able to choose products from this collection.

Number of products offeredproducts_to_show

Default: 8 · Range: 2–20

Maximum number to comparemaximum_products

Default: 3 · Options: 2 products, 3 products, 4 products

Pre-selected productsinitial_selected_count

The first products in the collection are pre-selected. The visitor can replace them.

Default: 2 · Range: 0–4

Header

Configure the texts and elements displayed at the top of the section.

Eyebroweyebrow

Titleheading

Introductionintroduction

Selection route

Customize the cards, actions and messages that guide product selection.

Catalog titlecatalog_heading

Catalog Helpcatalog_text

Show brandshow_vendor

Default: enabled

Show pricesshow_prices

Default: enabled

Selection textselect_label

Selected textselected_label

Abstract titleselection_heading

Accessible abstract labelselection_aria_label

This text names the selection for assistive technologies.

Singular productproduct_singular

Product in pluralproduct_plural

Empty slotempty_slot_label

Compare buttoncompare_button_label

Reset textclear_label

Deletion labelremove_label

Limit messagelimit_message

Message before comparisonminimum_message

Table

Customize the comparison table titles, values, and messages.

Table titleresults_heading

Accessible wording of the tabletable_label

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

First column titlefeature_heading

Link to productproduct_link_label

Positive valueyes_label

Negative valueno_label

Text without criteriaempty_features_text

Empty collectionempty_collection_text

Collection not configuredmissing_collection_text

Layout

Set the dimensions, layout and spacing of the section.

Product columns on desktopcolumns_desktop

Default: 3 · Range: 2–4

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

Dynamic criterionfeature

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.