Comparison

Compare two to four products, plans or options using a feature table. The Comparison section and reusable Comparison table block are available in theme versions that include these features.

Set up a comparison

1. Choose Add section > Comparison. Alternatively, add a Comparison table block to a compatible section or Container.
2. In the table, choose Number of items and enter each item’s title. Images and links are optional.
3. Add a feature row and enter its feature label. For each item, choose Text, Yes, No, or Not applicable. Enter text when using the Text option.
4. Reorder the feature rows and choose a Highlighted item, or select None.
5. Set a descriptive Table caption. Use Show table caption if it should also be visible above the table.

Section layout

The section can place its introduction beside the table or above it. Introduction width, panel background and corner radius control the surrounding composition. Section width, background image, background color and padding apply to the section as a whole.

Table styling and small screens

The table has its own background and text colors, highlight colors, corner radius, divider controls, row padding, image size and text sizes. Minimum item width and Feature column width control the space reserved for its columns.

When the table is wider than its available space, customers can scroll horizontally. Keep feature labels visible keeps the feature column visible during scrolling. Preview every column on a narrow screen, and check that keyboard users can reach any item links.

This table displays the values and links you configure; it does not calculate product prices or change the cart. Keep comparison claims accurate as your products change.