Skip to main content

Size Guide Section

This guide describes setting up the Size Guide section.

Use this section to create a customizable size chart with multiple measurement rows. Perfect for clothing, shoes, or any products that require size information.

For general guidance with modifying sections, refer to [Sections overview], and [Shopify help: Sections and blocks].

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"

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

Configuration

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

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