Fit guide
Last updated
Last updated
The Fit Guide block visually communicates how a product fits — whether it runs small, true to size, or large. It’s a helpful tool to set accurate sizing expectations for customers and reduce returns due to fit issues.
This block uses a 5-point scale with customizable labels and highlights the currently active fit value. It also includes options for styling and layout spacing.
Heading
text
Title displayed above the fit guide.
Active segment
text
Number (1–5) indicating the selected fit value. Supports metafields.
Left label
text
Label for the smallest fit (e.g., 'Small').
Middle label
text
Label for the neutral midpoint (e.g., 'True to size').
Right label
text
Label for the largest fit (e.g., 'Large').
Color
color
Accent color used for the active segment and visual indicator.
Padding bottom
range
Adds spacing below the block (0–50px).