Sizing Fit Block
The Sizing fit block shows a five-segment fit indicator for the current product. It reads the custom.sizing_fit_score product metafield.
Setup Order
- Create the metafieldIn Shopify Admin, create a product metafield with namespace and key `custom.sizing_fit_score` and store an integer value from 1 to 5.
- Assign product valuesUse 1 for runs small, 3 for true to size, and 5 for runs large. Use 2 and 4 for intermediate fit behavior.
- Add the blockPlace Sizing fit near the Product title, Size guide, or variant picker where customers make fit decisions.
- Review missing dataChoose whether the block hides when the metafield is missing or falls back to the default centered score.
Score Map
| Score | Meaning |
|---|---|
1 | Runs small |
2 | Slightly small |
3 | True to size |
4 | Slightly large |
5 | Runs large |
Key Settings
| Setting group | What to use it for |
|---|---|
| Content | Title, small/normal/large labels, link text, and optional size-guide link. |
| Missing data | Hide the block when no score exists or show a default centered fit indicator. |
| Typography | Title, label, and link sizing. |
| Indicator | Bar height, segment radius, marker size, and optional custom indicator colors. |
| Surface | Background, border, radius, text, and padding controls. |
Pair With Size Guide
Sizing fit answers “How does this garment fit?” while Size guide answers “Which measurements should I choose?” Use both when fit behavior and measurements matter.
If you use product-specific size charts, link this block to the Size guide block or keep it visually close to the size guide trigger.
QA Checklist
| State | What to confirm |
|---|---|
| Score 1 | Indicator and labels communicate a smaller fit. |
| Score 3 | Indicator centers on true-to-size. |
| Score 5 | Indicator communicates a larger fit. |
| Missing score | Block hides or falls back according to your setting. |
| Mobile | Labels and optional size-guide link do not crowd the product form. |