# Quick comparison table

<figure><img src="/files/hwfAq5HC38XGfcoMBLJ4" alt=""><figcaption></figcaption></figure>

**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 style="info" %}
This section is only available on the product template.
{% endhint %}

{% hint style="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.**
   {% endhint %}

<figure><img src="/files/ymNiHv5P6LeEnxCCMrQ7" alt=""><figcaption></figcaption></figure>

{% hint style="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).

![](/files/3NDBjANl1GHTHg6w0Kud)
{% endhint %}

## 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](/hyper-theme/theme-settings/colors.md)
* **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.

<figure><img src="/files/SGWK2PCOyAC59eVxIbPE" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/tapyhhjYjeorh9O1pYmS" alt=""><figcaption></figcaption></figure>

* **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 style="info" %}
You can remove or reorder these blocks to prioritize the most helpful comparison info for your shoppers.
{% endhint %}

## Best practices 💡

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

{% hint style="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.
{% endhint %}

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/hyper-theme/collections-and-products/product-page/quick-comparison-table.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.