Size Guide

Add a size guide to Volume product pages: use a custom.size_guide metafield for per-product content, or link to shared size info pages via a product metafield.

To display the Size Guide in the Variant Picker block of the Product Overview section, you need to add a dynamic information source for size details.

You have two options to achieve this (expand preferred option below):

Content from Rich Text: Size information is added individually for each product.

Create a metafield:

Navigate to Settings → Metafields and metaobjects → Products, then click Add definition in the upper-right corner.
Create a new metafield:
- Name: Size guide
- Namespace and key: custom.size_guide
- Type: Rich text
- Save

Go to the product editing page and fill in the newly created metafield.

Connect the dynamic source to the product template:

Navigate to the Variant Picker block in the Product Overview section.
Click the Connect dynamic source icon for the Content from rich text field.
Select Template → Product → Size guide.
Save

Content from page: Pages with size information are created for specific product groups, and a metafield on the product determines which page is linked to a particular item.

Create a Page with size information for a product group. The example below creates a page for Clothing:

Navigate to Online Store → Pages.
Add a Title and Content.
Save

Create a metafield to link the page to a product:

Navigate to Settings → Metafields and metaobjects → Products, then click Add definition in the upper-right corner.
Create a new metafield:
- Name: Size chart
- Namespace and key: custom.size_chart
- Type: Page, One page
- Save

Go to the product editing page and fill in the newly created metafield.

Connect the dynamic source to the product template:

Navigate to the Variant Picker block in the Product Overview section.
Click the Connect dynamic source icon for the Content from page selector.
Select Template → Product → Size chart.
Save

Last updated 1 month ago

Was this helpful?