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

# Variant

**Variants** describe configurations a shopper can pick on a product — size, color, storage tier, etc.

<Note>Variant support is rolling out. It is not yet live on all products.</Note>

## Shape

`product.variants` is either `null` (no variations) or:

```json theme={null}
{
  "options": [
    {
      "name": "Color",
      "values": [
        { "label": "Black", "exists": true, "available": "InStock" },
        { "label": "Navy", "exists": true, "available": "OutOfStock" }
      ]
    },
    {
      "name": "Size",
      "values": [
        { "label": "M", "exists": true },
        { "label": "L", "exists": true }
      ]
    }
  ],
  "selected": [
    { "name": "Color", "label": "Black" },
    { "name": "Size", "label": "M" }
  ]
}
```

## Full guide

For rendering selectors, `exists` vs `available`, and fetching a specific configuration, see the [Variants guide](/variants).
