Collections And ProductsProduct page
Quick comparison table
2 min read
_hwfAq5HC.jpg)
How to add a Quick comparison table section to your Shopify store
- In the theme editor (Customize), open the template selector.
- Locate Products, and select a product template you want to make changes to.
- On the left-sidebar, add Quick comparison table section.
- Make necessary changes > Save.

Use Shopify Search & Discovery app to customize the item's related products.

How to edit the Quick comparison table section
Section settings
General settings
- Color scheme: Select a color scheme to match your styling. Learn more: Colors
- Maximum products to show: Choose how many related products appear in the comparison alongside the current product.
Section header
- Heading: Customize the title.
- Text alignment: Control the layout on desktop and mobile.
- Text: Optional description to introduce the comparison section.
Block settings
- Product info: Product title. You can show/hide the View details button.
- Description: Shortened product descriptions.
- Text line limit: Choose how many lines of text to show per product (No limit or 1-5 lines). This helps keep your comparison clean and balanced across products with varying description lengths.
- Show view more button: Toggle this on if you want to let users expand and read the full description when the line limit is reached. If left off, the text will be truncated without a "View more" link.


- Price: Price of each item
- Product variants: Displays available variants (e.g. color, material)
- Vendor: Shows brand or supplier
- Type: Product category or type.
Best practices π‘
- Keep comparison items relevant (same collection or product type).
Use Shopify Search & Discovery app to customize the related products compared in the table.
- Limit to 2β3 alternatives to avoid decision fatigue.
- Highlight key differences (e.g. price, material, variants).
Last updated