This document will show you how to configure the size chart. The size chart can be sourced from either an image or page content. You may configure a global size chart that applies to all products, or assign a unique size chart per product.
The size chart will only be displayed if the product has a Size option.
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.
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.
If you are using Image as the source, create the metafield according to the specifications below.
After having a metafield, you will add image size chart for each product.
If you are using Page as the source, create the metafield according to the video below.
Ensure that the size chart page content has been created.
Next, add the corresponding metafield values, allowing each product to have its own unique size chart page.
Finally, connect the metafield in the theme editor to display the size chart correctly on the storefront.