For the complete documentation index, see llms.txt. This page is also available as Markdown.

Comparison table

Compare your brand with the competition, feature by feature, in a clean two-column table with icons and a highlighted column.


The Comparison table section shows a list of features or benefits, with a column for your brand and a column for your competitors. Each row can show text, an icon, or both. Highlight one column to make your side stand out.

On desktop it shows as a table. On mobile, each row becomes a small card with both columns side by side.

1. Our guide to set up a Comparison table section:

Steps:

  • In the theme editor, click Add section.

  • Locate Comparison table.

  • Click Save.

The section is added with five rows. Click Add block → Row to add more, or drag rows to reorder them.

2. Section settings

  • Section header

    • Heading: The title above the table. Leave it blank to hide it.

    • Heading size: 15–80px.

    • Heading alignment: Left / Center.

  • Column headings

    • Column 1: The heading of the first column, for example your brand name. If you leave it blank, "Your brand" is shown.

    • Column 2: The heading of the second column. If you leave it blank, "Your competitors" is shown.

  • Highlight

    • Highlight column: Adds a background and an outline to one column: None / First / Second.

    • Color scheme: The colors of the highlighted column. On mobile, it also colors each row's label.

    • Corner radius: Rounds the corners of the highlighted column, 0–40px.

  • Section padding

    • Top padding and Bottom padding: 0–100px.

3. Block settings

Row block

  • Label: The feature or benefit you're comparing, shown at the start of the row.

  • Column 1 and Column 2 (the same settings for each column)

    • Content: Short text for this cell, for example "Free" or "2–3 days".

    • Icon: Choose from 30 built-in icons, such as Check mark, Truck or Lock, or None.

    • Alternative icon/image: Upload your own icon or small image. It replaces the built-in icon.

    • Icon size: 14–100px.

4. Tips

  • Keep each cell short. A check mark with no text is often clearer than a sentence.

  • Use Check mark in your column and leave the competitor cell empty, or add your own "cross" image with Alternative icon/image, to show a difference at a glance.

  • Set Highlight column to First and use a contrasting Color scheme so shoppers' eyes go straight to your brand.

Was this helpful?