> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Compare

> The compare page and how many products shoppers can compare at once.

**Where:** in the theme editor, open **Theme settings** (the gear icon at the top of the left sidebar) and choose **Compare**.

![Theme settings, Compare, in the theme editor](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/settings-compare.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=672a8c72afe9cf1a5890a796cb09ceba)

1 Theme settings (the gear icon) · 2 Compare, opened in the sidebar

![The compare tray](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/compare-tray.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=2140ac75b0558829d310f049905b0750)

1 The Compare box on a card · 2 the compare tray at the bottom of the screen

![The compare page](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/guide-compare-page.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=1c57733d1297c30d2cd49878ab48241d)

The compare page with four products

## How it works

* Compare page is the page that uses the compare template. The header's Compare link, Compare now in the compare tray and the other compare links open it. Until one is chosen, the header link, the tray and the Compare boxes on cards, the hero, quick view and the product page do not show.
* Products to compare at once takes 2 to 4 (4 on install). A shopper who ticks one more is asked to remove one first.
* The compare list is saved on the shopper's device and shared by the Compare boxes on cards, the compare tray, the home page's compare picker and the compare page.
* While the list has products, the compare tray sits along the bottom of every page with each product, a remove button, Compare now and Clear. The page gets matching space at the bottom, so the tray never covers content.
* The compare page reads its products from its address (`?items=` with up to four product handles), so a comparison can be shared as a link.

## Edit it

* Create the page in Online Store → Pages (for example Compare products), choose the template page.compare and save, then pick it under Compare page.
* Fill Spec rows in Theme settings → Product cards: they become the compare table's rows.
* Choose which specs are better when higher or lower in the compare page's section in the theme editor.

## Settings

| Setting | What it does |
| - | - |
| **Compare page** | Choose a page. A page that uses the compare template. |
| **Products to compare at once** | Slider from 2 to 4. Default: 4. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.