Pebble Theme
Pebble Theme
Theme Sections

Comparison table

1 min read
image

Display product features side by side in a customizable table to help customers compare and choose quickly.

How to add a Comparison table section to your Shopify store

  1. In the theme editor (Customize), click Add section.
  2. Select Comparison table section.
  3. Make necessary changes.
  4. Save.

How to customize a Comparison table section

This section includes two main blocks: Header and Comparison content.

image

Use the Header block to introduce the section with a heading, subheading, or supporting text.

πŸ“¦ Nested dynamic blocks

  • Heading – Add a main title
  • Subheading – Provide supporting text above or below the heading
  • Text – Include additional descriptions or details
πŸ“ Learn more: Basic
image

The Comparison content block defines the rows (features) of your table.

SettingDescriptionExample
Heading 1–10Add feature labels. Each heading represents one row in the table.image

Each Comparison column represents a product or brand being compared.

πŸ’‘Pro tip

  • Highlight your advantage: Use visual emphasis (colors or highlights) to make your product stand out clearly.
  • Limit columns: Compare 2–3 products to keep the table clean and easy to scan.
Last updated