Comparison gallery

Showcase before-and-after or product differences in a customizable layout to help customers compare and choose easily.

How to add a Comparison gallery section to your Shopify store

1. In the theme editor (Customize), click Add section.

2. Select Comparison gallery section.

3. Make necessary changes.

4. Save.

How to customize a Comparison gallery section

This section includes two main blocks: Header and Product.

Header

The Header block lets you introduce the section with titles, text, images, or buttons. Use it to create a strong opening and guide customers through the comparison.

Setting	Description
Alignment	Set the header alignment: left, center, or right.
Devices	Switch between desktop and mobile padding settings.
Bottom	Adjust the spacing below the header.

Block	Description	Example
Subheading	Provide supporting text above or below the heading
Heading	Add a main title

📦 Nested dynamic blocks

• Heading – Add a main title

• Subheading – Provide supporting text above or below the heading

• Text – Include additional descriptions or details

• Image – Display an image or icon

• Button – Add a call-to-action

Learn more: Basic

Product