# Configuring size chart

{% hint style="warning" %}
If your store only has a size chart, we recommend using the "**Pop-up**" block to set it up.

To display size chart for your product page properly, you have to use the section - [**Product Detail 1 (PRO)**](https://library.smind.io/search/?filter.p.vendor=Sections\&type=product\&q=Product+Detail+1\&sort_by=price-descending) to make sure it works perfectly.
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FcCCqjJ3n3xNn1gHLUQXo%2FSize%20Chart.mp4?alt=media&token=ed413e91-47e5-4bad-96e5-6a567036e99a>" %}

To set up different size charts for your products, follow these steps:

1. From your Shopify admin, go to **Online Store.**
2. Click **Add Page.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FNuiNJJSFhIQjkBPdQmXh%2FSize%20chart%201.1.jpg?alt=media&#x26;token=3cf97a0d-e07b-4211-b462-83b2da9764d7" alt=""><figcaption></figcaption></figure>

3. Enter the title of the pages. For example: *Dress Size Chart*
4. Enter the content for the page, you can upload your own size chart image or table (like JPG or PNG file). Click **Save**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F8at1T2f3cXHeQE0ZTASv%2FSize%20chart%202.jpg?alt=media&#x26;token=9e5af1b5-b498-43d2-8593-a5727f8bd433" alt=""><figcaption></figcaption></figure>

5. Click **Products**
6. Click the product you want to add a size chart.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fx65AJQu55cPv8KdDKqxm%2FSize%20chart%203.jpg?alt=media&#x26;token=077c3d4e-a6af-4f1b-9915-d87fe3b55687" alt=""><figcaption></figcaption></figure>

7. In the **Product Metafields,** click the **Smind Size Chart.**
8. Click **Select Page**, and choose the size chart page. For example: Dress Size Chart. Click **Save**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fn3ryBYE0yirIjpRcOghJ%2FSize%20chart%204.jpg?alt=media&#x26;token=aed34cae-478f-4444-97a2-00255ffc3b1a" alt=""><figcaption></figcaption></figure>