The Snippet Configurator needs a wider display to show you the live storefront preview alongside the editor. Open this page on a desktop or laptop to start customizing.
Compact fit-scale indicator near the buy box — shows whether a product runs small, true to size, or large to reduce returns and sizing uncertainty
Label displayed above the indicator. Leave blank to hide it entirely. Per-product: the snippet reads the metafield custom.fit_heading first — this value is the fallback when no metafield is set.
Label below the leftmost position (runs small). Falls back to "Small" if left blank. Per-product: override via metafield custom.fit_left_label.
Label below the centre position. Falls back to "True to size" if left blank. Per-product: override via metafield custom.fit_middle_label.
Label below the rightmost position (runs large). Falls back to "Large" if left blank. Per-product: override via metafield custom.fit_right_label.
1 = runs small · 3 = true to size · 5 = runs large. Per-product: the snippet reads metafield custom.fit_position (integer, 1–5) first — this is the store-wide fallback.
Five segments: individual bars, the active one highlighted. Continuous line: a single track with a floating oval pill that marks the position.
Color of the active segment (v1) or floating pill (v2). Falls back to #1f1f1f if left blank.
Centers a divider line within the spacing above.
Centers a divider line within the spacing below.
{%- comment -%}
============================================================
FIT GUIDE — Ecom & Co. Snippet Generator ------------------------------------------------------------
What it does: Visual fit-scale indicator (small → true to size
→ large) near the buy box to reduce returns and
sizing uncertainty.
Paste into: Shopify → Customize → (product section) → Custom Liquid