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.

The Indicator/Fit bar on the product page

---

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).

Adding and configuring the Indicator/Fit block

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.

Creating the Indicator fit metafield definition

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

Assigning a fit value to a product's Indicator fit metafield

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.

Connecting the Indicator fit metafield to the block's Active segment

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.

---

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