Comparison Table Shopify Section

Comparison and pricing table with up to five columns, block-based rows with per-column icons and values, sticky header and first column, zebra striping, per-column colors and buttons, and full desktop/mobile styling.

Features include:

Fully responsive and customizable including the ability to update:

Comparison / pricing table with a configurable number of columns (up to 5)
Unlimited comparison rows, each with a row-title icon and label plus a per-column icon and rich-text value
Toggle visibility of column titles, row titles, images, and buttons
Per-column header with image, rich-text title, and a button (label and link) for each of the 5 columns
Header image position and image styling (width, alignment, margin) for desktop and mobile
Sticky column header row with configurable sticky distance from the top (desktop and mobile)
Sticky first-column row titles on mobile (stick horizontally while scrolling)
Table styling (border width, color, direction, corner radius, minimum cell height, vertical alignment, minimum column width on mobile)
Row styling with optional zebra striping (separate odd and even row colors) and corner radius
Per-column custom text and background color overrides (columns 1–5)
Column title, row title, and cell text typography (color, font, weight, size, line height, and padding)
Full button styling — alignment, typography, margins, padding, border (width and radius), colors, and hover colors
Section header (subtitle, title, and text block) with independent styling for each
Section width, max width, background colors, and border radius
Section margins and paddings
Typography settings (fonts, weights, sizes, line heights, colors)
Most settings have separate options for desktop and mobile