Skip to main content

Size Guide Section

Use this section to create a customizable size chart with multiple measurement rows.

Use it for clothing, shoes, or other products that require size information.


Set up a Size Guide section​

  1. Go to Customize theme
  2. In Theme editor, select the page where you want to add the Size Guide
  3. Select "Add section" → "Size Guide"
Preset Measurements

The section comes preset with common clothing measurements (Bust, Waist, Hips).


Title Settings​

Setting nameDescription
Custom TitleSet section heading. Default is "Size Guide"
Title displayChoose from XXS to 7XL with responsive options. Default is M
Title alignmentLeft, Center, or Right. Default is center

Column Settings​

Setting nameDescription
First row text sizeChoose from XXS to M with responsive options. Default is XS/desktop S
Row text sizeSet size for measurement rows. Default is XS/desktop S
First column titleLabel for measurements column. Default is "Measurement"
Number of columnsSet number of size columns (1-10). Default is 6
Column labelsComma-separated size labels. Default is "XS, S, M, L, XL, XXL"

Row Blocks (limit: 7)​

Setting nameDescription
Measurement labelName of measurement (e.g., "Bust (cm)")
Measurement valuesComma-separated measurements matching column count

Section Settings​

Setting nameDescription
Horizontal spacingChoose Small, Medium, or Large. Default is small
Section paddingAdjust top and bottom independently (0-100px). Default is 100px
Indent sectionAdd left/right edge indentation. Default is false
Color schemeSelect color scheme to match your design. Default is scheme-1
Alternative colorToggle alternative colors for header items. Default is false

Best Practices​

  • Use standard sizing (XS-XXL) for consistency
  • Include both cm and inches if serving international customers
  • Add measurement guide (how to measure)
  • Keep to 5-7 measurements maximum
Value Matching

The section supports up to 7 measurement rows and 10 size columns. Each row's values should match the number of columns specified.

Help customers choose

Clear measurements and fit guidance can help customers choose a size. Add a size guide wherever dimensions or fit are important to the purchase decision.