How to Add Size Charts to Each Product
Last updated
Last updated
How to create a size chart metafield for products
How to link custom size chart pages to individual products
How to display each chart inside the “Additional Information” block on the product page
This tutorial walks you through assigning a different size chart to each product using Shopify metafields and the theme editor. This is useful for stores selling multiple brands or product categories with different sizing standards.
💡 You can follow the same process to display other types of product-specific info, like care instructions or material details.
From your Shopify Admin, go to Settings
Click Custom data, then select Products
Click Add definition
Now configure the metafield:
Name: Size Chart
Namespace and key: custom.size_chart
Type: Page
Click Save
In the Admin sidebar, go to Online Store > Pages
Click Add page
Title the page based on the product type or brand (e.g., “Men’s Jackets Size Chart”)
Add your chart content:
You can copy paste in a Google Sheets table
Or upload an image of a chart you made from Photoshop, Canva, etc
Make sure the page is visible, then click Save
💡 Repeat this step to create additional pages for every unique size chart you'll be using.
Go to Products in your admin
Select a product you want to assign a size chart to
Scroll down to the Metafields section
Locate the Size Chart metafield
Select the correct page you created for that product’s size chart
Click Save
Open the Theme Editor
Navigate to a Product page template
Add or select an Additional Information block
Change the Title and Icon to match your branding (e.g., “Size Chart”)
Then:
Next to the Information Page setting, click the dynamic source icon (🔗)
Select the Size Chart metafield (custom.size_chart)
Click Save
Now, when you click on the Additional Information toggle on a product page, it will load the specific size chart linked through that product’s metafield.
🎉 You can reuse this workflow for other product-specific content too—like care instructions, fabric types, or warranty info.
📧 Email us at: support@openspaces.design
💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website
💬 Join our community on Discord:
