# Enable size chart on product pages **Hyper, Sleek, Zest, Pebble** themes
Are you using **Minimog** or **Megamog**? 👉 Use our [FoxKit Size Chart](https://apps.shopify.com/foxkit?utm_source=foxecom\&utm_medium=help_center_shared_documentation\&utm_campaign=anchor_text\&utm_term=install_our_app_foxkit_here) function.
This guide mainly covers the built-in **Size chart** feature available in **Hyper, Sleek, Zest, and Pebble** themes. If you're using **Minimog** or **Megamog**, you should use a 3rd party app to add a size chart (you can use our [**FoxKit**](/what-is-foxkit)**)**. Follow the **How to enable Size chart using FoxKit (final method) in the video tutorial below** or refer to the [FoxKit documentation](https://docs.foxecom.com/foxkit-app/sales-boosting/size-chart) for setup instructions. Install our app FoxKit here ### Before you start **Create a Shopify page** containing your size chart. Go to **Shopify Admin > Content > Pages**, then create a new page or use an existing one. You can reuse the same size chart page across multiple products, or create different pages for different product types. ## Enable the size chart in your theme editor 1. Open **Online Store > Themes > Edit theme.** 2. Open a **Product** template. 3. Select the **Product information > Variant picker** > **Size chart settings**.![](https://docs-assets.foxecom.app/shared-documentation/493f032a-1be6-4f88-871d-5013b6ce1fa7.png) 4. Set the **Size option title**: Enter the **option titles** that you would like to display for the Size Guide button. You can list multiple titles separated by commas, and each title will correspond to a different size guide option on your product page.![](https://docs-assets.foxecom.app/shared-documentation/45d94a51-0878-4961-86b5-02b5dba8a3ca.png) 5. Choose **Content from a page:** Connect the Shopify page showing a Size chart you created earlier.
![](https://docs-assets.foxecom.app/shared-documentation/aa4c7918-c062-4cf0-af18-337996c06578.png) 6. **Save** your changes. ## Use a custom metafield for your size charts If different products require **different size charts**, use a product metafield instead of connecting a Shopify page manually. Create a product metafield with the key **`foxtheme.size_chart`**, then assign the appropriate size chart to each product. The theme will automatically display the linked size chart on the product page. Learn more [about Shopify metafields](https://help.shopify.com/en/manual/custom-data/metafields). ## Expected result Customers will see a **Size chart** link on the product page. When they click it, the connected page opens in a popup window, allowing them to view the size guide without leaving the product page.