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

# Compare

Use the settings from the provided global section to activate the Compare functionality.

## Compare

{% hint style="info" %}
Colors and layout of the buttons can be adjusted in *Theme settings -> Product cards ->* [*<mark style="color:blue;">Compare</mark>*](/unicorn-shopify-theme/theme-settings/product-cards.md#compare).
{% endhint %}

**Enable**\
Activate the option to display the compare icon in the header, the compare button on product cards, and the compare button on product pages store-wide.

**Page**\
The corresponding template can be specified in the current source selector.

**Group by**\
In the drop-down, decide whether to group selected products by specifications such as "Product type", "Vendor", or "First collection". Select the "Do not group" option to cancel grouping.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F4iNUkCrUpM4gkcx343yI%2Fsettings_compare.png?alt=media&amp;token=be9f04f1-40a6-45e3-9abe-633605922923" alt=""><figcaption></figcaption></figure>

***

### Configuring the Compare feature in a store

To display the Compare feature, a few steps are required:

#### **Step 1**

Go to your *Shopify admin -> Online Store -> Pages* and create a new page. Then, assign a custom "*compare"* template to a page:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fh8inxBNeSU8VG1quwulp%2Fcompare_admin.png?alt=media&amp;token=eab0b633-9f2a-4dce-8beb-6a907a029177" alt=""><figcaption></figcaption></figure>

#### **Step 2**

Select a page in the Theme Editor by navigating to *Theme settings -> Compare.*

#### **Step 3**

Navigate to the *"Compare"* page by selecting a template from the top drop-down, then press *Pages -> compare*.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FcBgemhEa54T9i1Qa3dOU%2Fcompare_page.png?alt=media&amp;token=d3ee99fd-b388-461a-aca2-d1587b1ab708" alt=""><figcaption></figcaption></figure>

#### **Step 4**

Add any configurations in the "[<mark style="color:blue;">Compare</mark>](/unicorn-shopify-theme/page-categories/compare.md)" section.