# How to enable size chart on product page

### Size chart eligibility <a href="#size-chart-eligibility" id="size-chart-eligibility"></a>

Products must have a '**Size**' option to be eligible for size chart function.

{% hint style="success" %}
By default, validation is performed by checking the product’s options. If your product includes an option named ‘Size’, it is deemed eligible. However, you might not always want it to be ‘Size’, or your store might operate in a language other than English. In such cases, you can modify the name used for validation:
{% endhint %}

1. From your Shopify admin, go to **Online Store -> Themes.**
2. Find the theme that you want to edit, and then click **Edit default theme content** under **Actions** menu.&#x20;

<figure><img src="https://1485471486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7H1ZB4J9TQlWDiI82pRW%2Fuploads%2FDfZRDdYEHEB9MfmqWpni%2Fedit-languge.jpg?alt=media&#x26;token=648b4cd3-b9b0-43ed-82f7-131681a3d75a" alt=""><figcaption></figcaption></figure>

4. Under **Products** tab, navigate to the **Product size chart**  -> **Size chart options** and change it to the name you want for validation:

<figure><img src="https://1485471486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7H1ZB4J9TQlWDiI82pRW%2Fuploads%2F5jCvveq1VZKmzEt3c2mr%2Fedit-languge-size.jpg?alt=media&#x26;token=7ff6a6b8-ea15-43c6-9361-b967f78f9e51" alt=""><figcaption></figcaption></figure>

4. Click **Save** to confirm your changes.

### Enable size chart <a href="#enable-size-chart" id="enable-size-chart"></a>

1. First you need to create a page for your size chart content. From your Shopify admin, go to **Online Store** > **Pages** then click **Add page**.&#x20;
2. You can enable size chart on **product page or** **featured product** section by navigating to **Variant picker** block.
3. There is an option named **Size chart page**, and here's to choose the page that you just created. If a product is eligible, a size chart button should display below the size options. When clicked, it opens a popup that represents the page's content:

<figure><img src="https://1485471486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7H1ZB4J9TQlWDiI82pRW%2Fuploads%2FgqXEKXpRPnQaSwHcL8wO%2Fsize-chart-enable.jpg?alt=media&#x26;token=e946ff04-d268-4d4d-a294-4a33f9c085c7" alt=""><figcaption></figcaption></figure>
