# Fit guide

The **Fit Guide** block provides a visual scale to help shoppers understand how a product fits from small to large, with labels and a highlighted active segment. It’s ideal for reducing return rates by setting proper expectations for sizing, especially for apparel or footwear.

<figure><img src="/files/dl2obs0ISW6ET9403wYX" alt="GIF depicting the Fit Guide block of the product pages section"><figcaption></figcaption></figure>

<table><thead><tr><th width="145.68408203125">Settings</th><th width="88.8992919921875" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td align="center"><code>text</code></td><td>Title of the fit guide block. Typically something like 'Fit' or 'Sizing'.</td></tr><tr><td>Active segment</td><td align="center"><code>text</code></td><td>Indicates which of the 5 segments is highlighted to represent fit. Enter a number from 1 to 5. Supports dynamic values via product metafield for product-specific fit.</td></tr><tr><td>Left label</td><td align="center"><code>text</code></td><td>Label shown on the left side of the fit scale.</td></tr><tr><td>Middle label</td><td align="center"><code>text</code></td><td>Label shown in the center of the scale.</td></tr><tr><td>Right label</td><td align="center"><code>text</code></td><td>Label shown on the right side of the scale.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Color</td><td align="center"><code>color</code></td><td>Custom color for the fit indicator and active segment.</td></tr><tr><td><strong>Padding</strong></td><td align="center"></td><td></td></tr><tr><td>Bottom</td><td align="center"><code>range</code></td><td>Adds vertical spacing below the block.</td></tr></tbody></table>

## Notes

* **Fit** range is always shown on a 1-5 scale.
* The active segment visually communicates how the product fits relative to size expectations.
* This block helps boost buyer confidence and minimize size-related returns.
* To support **per-product fit**, use a metafield for `selected_segment`.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://broadcast.presidiocreative.com/product-theme-blocks/fit-guide.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
