> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop-theme/sections/product-comparison-table.md).
# Product comparison table
Display multiple products in a comparison table so customers can compare product features side by side.
## How to access
1. **Go to** Shopify Admin → Online Store → Themes.
2. **Click** Customize on your active theme.
3. Click **Add section** on the page and choose **Product comparison table**.
## Section Settings
| Setting | Description |
| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout | |
| Expand to full width | Extends the section to the full browser width. |
| Color scheme | Sets the background and text colors. |
| Background opacity | Controls the background opacity. |
| Content | |
| Heading | Sets the section heading text. |
| Heading size | Controls the size of the heading. Choose from Small, Medium, or Large. |
| Text | Adds supporting text to the section. |
| Text position | Shows the text above or below the heading. |
| Desktop content alignment | Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered. |
| Product table | |
| Color scheme | Sets the color scheme for the comparison table. |
| Table heading | Sets the heading displayed in the first column of the comparison table. |
| Table data 1 | Sets the first comparison row title. Leave blank to hide the row. |
| Table data 2 | Sets the second comparison row title. Leave blank to hide the row. |
| Table data 3 | Sets the third comparison row title. Leave blank to hide the row. |
| Table data 4 | Sets the fourth comparison row title. Leave blank to hide the row. |
| Section padding | |
| Top side | Sets the space above the section. |
| Bottom side | Sets the space below the section. |
| Section divider | |
| Shapes | Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border. |
## Blocks
Add blocks to this section in the theme editor. Each block is a separate product you can add, remove, and reorder.
### Product
Add a product to the comparison table.
| Setting | Description |
| -------- | --------------------------------------------------------------------------------------- |
| Product | Selects the product displayed in the comparison table. |
| Option 1 | Displays a ✓ icon when enabled or a ✕ icon when disabled for the first comparison row. |
| Option 2 | Displays a ✓ icon when enabled or a ✕ icon when disabled for the second comparison row. |
| Option 3 | Displays a ✓ icon when enabled or a ✕ icon when disabled for the third comparison row. |
| Option 4 | Displays a ✓ icon when enabled or a ✕ icon when disabled for the fourth comparison row. |
## Common Questions
Can I hide comparison rows?
Yes. Leave any **Table data** field blank to hide that comparison row.