> For the complete documentation index, see [llms.txt](https://docs.strm.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strm.design/reference/blocks/product-swatches.md).

# Swatches

Color swatches on product cards that preview and select a variant.

Color swatches on product cards that preview and select a variant.

**File:** `blocks/product-swatches.liquid`

**Used in:** [Footer](/reference/sections/footer.md), [Contact form](/reference/sections/main-contact.md), [Product information](/reference/sections/main-product.md), [Content](/reference/sections/section.md)

## Settings

| Setting              | Type    | Options          | Default | Notes |
| -------------------- | ------- | ---------------- | ------- | ----- |
| **Product**          | Product |                  |         |       |
| **Maximum swatches** | Slider  | 3–12, steps of 1 | 6       |       |

> Shows the first option set up for swatches in Theme settings › Swatches.