# Option metafield

> The values of `option-metafield` inside `variant-swatches` or `variant-dropdown` or `variant-popover` or `addon-swatches` or `smootify-product [product="option-values"]`.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/attributes/option-metafield  
Updated: 2026-10-13

## At a glance

In the Shopify admin: 1. Settings › Custom data › Metaobjects: the Option definition with the fields name (single line text), color (color), image (file) and description (multi-line text), Storefronts access on. 2. Content › Metaobjects › Option: one entry per value, its name written as the value (Oak, Walnut, White). 3. On each product, the Options metafield (custom.options, Metaobject Option, list) selects the entries of its values.

More in [the guide](https://www.smootify.io/docs/build/swatches).

## Where it can go

- **Inside any of:** [`variant-swatches`](https://www.smootify.io/docs/reference/elements/variant-swatches), [`variant-dropdown`](https://www.smootify.io/docs/reference/elements/variant-dropdown), [`variant-popover`](https://www.smootify.io/docs/reference/elements/variant-popover), [`addon-swatches`](https://www.smootify.io/docs/reference/elements/addon-swatches), `smootify-product [product="option-values"]`.

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `option-metafield="field of the option"` | Value | on text, image, container |
| `namespace="custom"` | Namespace | on any; with [option-metafield] |
| `property="--metafield-color"` | Color variable | on any; with [option-metafield] |