> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/guides/configuring-size-chart.md).

# 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="/files/sWEboMGNLLvX70I1E9PA" 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="/files/mTxkqFoa3zLPKp2b1H5r" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/EudDN3nDkoVglv6faVti" 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="/files/zniNXOFrYLvG7qtrWTE2" alt=""><figcaption></figcaption></figure>