> 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/0gSP5uoX9OkipAG3UnqA/compare-products%20(1).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/u0CWk3tD5JOtg7AGGbbr/compare-products-1.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/BwyYLVauyJahw4WNa9Yt/compare.png" alt=""><figcaption></figcaption></figure>

## **Settings**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/fHUZmhzmzOFQIPlkrzGI/compare-products-settings.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/ryJ9UraPogyMndJEEutI/compare-products-error.png" alt=""><figcaption></figcaption></figure>