The Size Chart feature lets you display sizing information on your product pages. You can use either an image or Shopify page content as the size chart source.
You can also choose between:
One size chart for all products
A different size chart for each product
The size chart will only be displayed if the product has a Size option.
If you do not name the option Size and instead use a different option name (for example: Größe, Taille, Dimension,...), please add those option names in theme's default content so the size chart can be displayed.
To display the size chart from an image, select Image as the source, then upload the size chart image.
To display the size chart from a page, select Page as the source and choose the corresponding page.
When using Page as the source, the selected page must contain content.
The size chart is rendered from the page content. If the selected page has no content, nothing will be displayed.
Follow the video below for more details.
To use different size charts for each product, you need to use metafields. Please follow the next section to create metafields for each source type.
From your Shopify admin, go to Settings → Metafields and metaobjects.
Select Products → Add definition.
Enter a Name for the metafield.
Under Type, click Select type.
Select File as the metafield type.
Click Save.
Go to the Theme editor and choose the Metafield name that you just created.
Then: Add the appropriate size chart image to each product.
Shopify’s Page metafield type lets you connect a product to a specific page and use that page as a dynamic source in your theme.
From your Shopify admin, go to Settings → Metafields and metaobjects.
Select Products → Add definition.
Enter a Name for the metafield.
Under Type, click Select type.
Select Page as the metafield type.
Click Save.
Go to the Theme editor and choose the Metafield name that you just created.
Then: Create the size chart pages from Shopify content and add the appropriate page to each product.
