Comparison Grid is a Shopify theme section in the Section Star library. Win more sales by making the choice easy — show side-by-side comparisons that clearly highlight why your product comes out on top.
About the Comparison Grid section
The Comparison Grid section is designed to help you visually compare your products and features against those of your competitors. With this easy-to-use and customizable grid layout, you can highlight the strengths of your offerings, making it simple for potential customers to understand the advantages of choosing your products. This section supports rich customization options including font, text size, color, and alignment settings, ensuring it can be seamlessly integrated into your store's design.
Live demo
Use cases
- Technical Product Features: If you sell complex products like electronics or software, use the Comparison Grid to show key specifications side-by-side.
- Service Comparison: For service-oriented businesses, highlight the benefits of your service compared to competitor offerings.
- Product Lines: If you offer different models or versions of a product, use the grid to compare the features of each model.
- Customer Decision Making: Aid customers in making informed decisions by transparently displaying feature differences, which can lead to higher conversion rates.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Headline
Set the content for the headline
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample headline</b> |
| Content | Inline rich text | This is the placeholder text for the … |
| Spacing between Headline and Features | Number | 15 |
Table Display
Set the display of the table
| Setting | Type | Default |
|---|---|---|
| Highlight Color | Color | #F3F9FE |
| Border Color | Color | #CCCCCC |
| Check Color | Color | #00B05A |
| X Color | Color | #D61F1F |
| Cell Padding | Number | 5 |
| Product Title | Inline rich text | Our Product |
| Competitor Product | Inline rich text | Competitor Product |
Comparison block settings
| Setting | Type | Default |
|---|---|---|
| Label | Inline rich text | Product Feature |
| Product Supports | Checkbox | On |
| Competitor Supports | Checkbox | Off |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Comparison Grid”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.