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

# Comparisons

> Side-by-side product comparison for an 86d Storefront. Shoppers add up to four products and see attribute, price, and Inventory differences in one view.

<Warning>
  **Experimental.** This Module has no test or production evidence recorded yet. Read it, run it locally, and hold off on real Orders. See [maturity levels](/docs/resources/versioning).
</Warning>

The Comparisons [Module](/docs/concepts/modules) adds side-by-side product comparison to the [Storefront](/docs/concepts/storefront). [Shoppers](/docs/resources/glossary#shopper) select up to four products and compare attributes, price, inventory, and ratings in one table. State persists per browser; signed-in [Customers](/docs/resources/glossary#customer) can save a comparison set.

**Source:** [`modules/comparisons`](https://github.com/86d-store/86d/tree/main/modules/comparisons) · **npm:** [`@86d-store/comparisons`](https://www.npmjs.com/package/@86d-store/comparisons)

## Installation

```sh theme={null}
86d module add comparisons
```

## Configuration

```ts theme={null}
comparisons({
  maxItems: "4",
});
```

## Components

* `<CompareButton productId={id} />`: per-product "Add to compare" toggle.
* `<CompareDrawer />`: floating drawer showing currently selected items.
* `<ComparePage />`: full side-by-side comparison view.

## Related pages

* [Products](/docs/modules/products)
* [Reviews](/docs/modules/reviews)
* [Versioning and maturity](/docs/resources/versioning)
* [Glossary](/docs/resources/glossary)