> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/how-to-guides/how-to-set-up-indicator-fit.md).
# How to set up the Indicator/Fit bar
The **Indicator/Fit** block shows a segmented bar on the product page to indicate sizing or fit — from "Runs small" to "Runs large". It works on its own with one shared position, and you can optionally use a metafield to set a different position per product.
***
## Add the Block
In the theme editor, go to the product page → **Product Information** section → **Details** block, and add an **Indicator/Fit** block. Set its number of **Segments**, the **Active segment** to highlight by default, and the **Title** and **Left / Middle / Right** labels (for example, `Runs small` / `True to size` / `Runs large`).
This is all you need for a single shared bar. To vary the position per product, continue below.
***
## How to Customize the Indicator per Product
By default, all products use the **Active segment** value set in the block. To set a different position per product, store the segment number in a metafield and connect it to the **Active segment** field with a dynamic source. The namespace and key are your choice — Helix reads whatever value is connected to the setting, not a fixed key.
**Step 1 — Create the metafield definition**
In Shopify admin, go to **Settings → Metafields and metaobjects → Products**, click **Add definition**, and set:
* **Name** — `Indicator fit`
* **Namespace and key** — `custom.indicator_fit` (or any name you prefer)
* **Type** — Integer, one value
Click **Save**.
**Step 2 — Assign fit values to products**
Open a product, scroll to **Metafields → Indicator fit**, enter the segment number that best represents its fit, and save.
For a 5-segment bar:
| Value | Meaning |
| ----- | --------------- |
| 1 | Runs very small |
| 2 | Runs small |
| 3 | True to size |
| 4 | Runs large |
| 5 | Runs very large |
**Step 3 — Connect the metafield to the block**
In the theme editor, open the **Indicator/Fit** block. On the **Active segment** field, click the **Connect dynamic source** icon next to the field, select your **Indicator fit** metafield, and save.
{% hint style="info" %}
Each product now highlights the segment stored in its own metafield. Products that leave it empty fall back to the default **Active segment** typed into the block.
{% endhint %}
***
{% hint style="info" icon="headset" %}
**Need help?**
Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.
Chat with us Submit a ticket
{% endhint %}