Black Friday Sale
Exclusive Design & Shopify Themes Resources
Hire us Hire Us
View Categories

How to enable size chart on product pages

How to Access the Size Guide Section

Go to Admin → Online Store → Themes
Click Customize on your active theme
Open Default product template
Select the Product information section
Find and select the Size Guide block

From here, you can customize:

  • Size guide popup content
  • Heading title
  • Description text
  • Size chart image
  • Image ratio
  • Image width
  • Image alt text
  • Buttons
  • Product measurement guides

The Size Guide section allows you to display detailed sizing information inside a popup modal. It helps customers choose the correct product size by showing size charts, measurement instructions, and helpful guides before purchasing.

Size Guide Section Settings

SettingsDescription
Add BlockAdd different content blocks inside the Size Guide popup.
Title BlockAdd a heading title for the size guide popup.
Rich Text BlockAdd descriptions, instructions, or measurement information.
Image BlockDisplay size charts, measurement images, or visual guides.
Button BlockAdd buttons with custom links or actions.

Size Guide Image Block Settings

SettingsDescription
Select ImageUpload or choose an image for the size guide chart.
Image RatioControl the image display ratio. Available options include Original and other ratio styles.
Maximum WidthAdjust the maximum width size of the size guide image.
Image Alt TextAdd alternative text to improve accessibility and SEO.

Size Guide Title Block Settings

SettingsDescription
TitleAdd the main heading text for the size guide popup.
Heading SizeCustomize the title size based on your design preference.
AlignmentControl the position of the heading content.

Size Guide Rich Text Block Settings

SettingsDescription
TextAdd custom size instructions, measurement guides, or additional information.
Text SizeAdjust the content text size.
AlignmentChange the text alignment inside the popup.

Size Guide Button Block Settings

SettingsDescription
Button LabelAdd custom button text.
Button LinkConnect the button with a custom page or URL.
Button StyleChoose different button appearance styles.