# Size chart

The size chart provides clear and concise information about product sizes, helping customers make informed purchasing decisions based on accurate measurements.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FdHMKKbecHl6jl1EU3pba%2Fsize-chart.gif?alt=media&#x26;token=ccf09599-a887-4da1-8878-7e74ba306886" alt=""><figcaption></figcaption></figure>

Use a dynamic source with the metafield 'theme.size\_chart' to connect your size chart with a specific product page.

## Dynamic size charts

The simplest method is to select and display one page with all your products. This approach works well for stores with a limited product range. For stores with more extensive product options, you can use Shopify's custom data feature with metafields to individually map a particular size chart to a product.

Learn more:

{% embed url="<https://palo-alto.presidiocreative.com/products/palo-alto-product-pages/size-chart-metafields>" %}

For multiple size-charts in tabs:

{% embed url="<https://palo-alto.presidiocreative.com/products/palo-alto-product-pages/size-chart-tabs>" %}

<table><thead><tr><th width="164.06512451171875">Settings</th><th width="101.2994384765625" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Page</td><td align="center"><code>page</code></td><td>Select a static page that contains your size chart content. This will apply to all products unless overridden by metafields.</td></tr><tr><td>Page title override</td><td align="center"><code>text</code></td><td>Enter a custom title to replace the default page title when displayed on the product page.</td></tr><tr><td><strong>Tabs</strong></td><td align="center"></td><td></td></tr><tr><td>Tab heading style</td><td align="center"><code>select</code></td><td>Choose the font style for the tab heading: <code>Heading</code>, <code>Body</code> or <code>Accent</code>.</td></tr><tr><td>Tab heading size</td><td align="center"><code>range</code></td><td>Adjust the text size.</td></tr></tbody></table>