# Quick comparison table

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(75)_hwfAq5HC.jpg)

**Quick comparison table** is a powerful product page section that lets customers easily compare the current product with **related items**. It highlights key differences across details like price, description, variants, and more - helping shoppers make faster, more confident buying decisions.

## How to add a Quick comparison table section to your Shopify store

<Hint type="info">

This section is only available on the product template.

</Hint>

<Hint type="success">

Steps:

1. In the theme editor (**Customize**), open the template selector.
2. Locate **Products**, and select a product template you want to make changes to.
3. On the left-sidebar, add **Quick comparison table** section.
4. Make necessary changes > **Save.**

</Hint>

![image](https://docs-assets.foxecom.app/hyper-theme/image_ymNiHv5P.png)

<Hint type="info">

Use [Shopify Search & Discovery](https://apps.shopify.com/search-and-discovery) app to customize the [item's related products](https://help.shopify.com/en/manual/online-store/search-and-discovery/product-recommendations#related-products).

![](https://docs-assets.foxecom.app/hyper-theme/image_3NDBjANl.png)

</Hint>

## 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](https://docs.foxecom.com/hyper-theme/theme-settings/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

Inside the **Quick comparison table**, you'll see a list of content blocks:

* **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.

![image](https://docs-assets.foxecom.app/hyper-theme/image_SGWK2PCO.png)

![image](https://docs-assets.foxecom.app/hyper-theme/image_tapyhhjY.png)

* **Price**: Price of each item
* **Product variants**: Displays available variants (e.g. color, material)
* **Vendor**: Shows brand or supplier
* **Type**: Product category or type.

<Hint type="info">

You can remove or reorder these blocks to prioritize the most helpful comparison info for your shoppers.

</Hint>

## Best practices 💡

* Keep comparison items relevant (same collection or product type).&#x20;

<Hint type="info">

Use [Shopify Search & Discovery](https://apps.shopify.com/search-and-discovery) app to customize the [related products](https://help.shopify.com/en/manual/online-store/search-and-discovery/product-recommendations#related-products) compared in the table.

</Hint>

* Limit to 2–3 alternatives to avoid decision fatigue.
* Highlight key differences (e.g. price, material, variants).