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

# Compare products

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

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

This block of settings is intended for the **Compare products** settings on the site.

In order to get to the **Compare Products** settings block, you need to go to **`Customizer`** → **`Theme Settings`** → **`Compare products`**.

<figure><img src="/files/1vJvUPVE2FMbF17wiuKQ" alt=""><figcaption></figcaption></figure>

## **Settings**

<figure><img src="/files/0mfdO4DwVu19mXT4wuxj" alt=""><figcaption></figcaption></figure>

1. **`Enable`** - the setting allows you to display or not display product compare buttons;
2. **`Popup heading`** - heading of compare buttons popup;
3. **`Button sticky background`** - background color of sticky compare product button;
4. **`Button sticky color`** - text color of sticky compare product button;
5. **`Button background`** - background color of product page compare button;
6. **`Button color`** - text color of product page compare button;
7. **`Button border color`** - border color of product page compare button;
8. **`Available icon`** - color for icon “available”. Background color of the icon is set to 20% transparency;
9. **`Out of stock icon`** - color for icon “out of stock”. Background color of the icon is set to 20% transparency.

## Compare products feature

The compare products feature allows users to compare up to 6 products.

If the user attempts to add more than 6 products, an error notification will be displayed.

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