> For the complete documentation index, see [llms.txt](https://themihub.gitbook.io/isotech-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themihub.gitbook.io/isotech-shopify-theme/other-pages/compare-page.md).

# Compare page

A complete guide to setup compare page

## What is a compare page?

The Compare page is a feature commonly found in some Shopify themes and is used to display a side-by-side comparison of products. It allows customers to compare multiple products based on their specifications, features, pricing, and other relevant details.<br>

<figure><img src="https://content.gitbook.com/content/7Hg8cYZOt66iWZS4tTz7/blobs/F5Ruwkc9MhaV2cvI5mj1/compare.png" alt=""><figcaption></figcaption></figure>

## Create wishlist page

{% hint style="success" %}

* From your Shopify admin, go to **Online Store** > [**Pages**](https://www.shopify.com/admin/pages).
* Click **Add page**.
* Enter a title: **Compare**
* Set **Visibility**
* Select **Theme template: compare**
* URL and handle: **/pages/compare** (<mark style="color:red;">**Mandatory**</mark>)
* Click **Save**.
  {% endhint %}

## Step 1

<figure><img src="https://content.gitbook.com/content/7Hg8cYZOt66iWZS4tTz7/blobs/JnOSLslRWvTq5CZj3IIo/add_page.png" alt=""><figcaption></figcaption></figure>

## Step 2

<figure><img src="https://content.gitbook.com/content/7Hg8cYZOt66iWZS4tTz7/blobs/EdJ4djxZBMVyrFQTeuvh/compare-1.png" alt=""><figcaption></figcaption></figure>

## Step 3

<figure><img src="https://content.gitbook.com/content/7Hg8cYZOt66iWZS4tTz7/blobs/s9sbFLXcShEAWZAJnwGS/compare-2.png" alt=""><figcaption></figcaption></figure>