> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-documentation/product-page/product-information/size-chart.md).
# Size Chart
{% hint style="info" %}
Ella offers 5 ways to show the Size chart:
* [By Product Type](#by-product-type)
* [By Product Vendor](#by-product-vendor)
* [By Metafield](#by-metafield)
* [By Custom Image](#by-custom-image)
* [By Custom Page](#by-custom-page)
{% endhint %}
## By Product Type
1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. On **Product information** -> add **Perks** block (if not already added).
5. On **Perks** block scroll down to **Size chart** and choose **Size chart type** as **Product type.**
{% hint style="info" %}
Upload image with the same name as the product-type-sizechart. You need to go to Settings --> Files upload images here.
Naming convention: lower cap and use "-" to replace white space. For example: with the product type "Loremous Comodous" the image name will be loremous-comodous-sizechart.jpg or loremous-comodous-sizechart.png
{% endhint %}
## By Product Vendor
1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. Click **Product information** -> add **Perks** block (if not already added).
5. On **Perks** block scroll down to **Size chart** and choose **Size chart type** as **Product vendor.**
{% hint style="info" %}
Upload image with the same name as the product-vendor-sizechart.
To get the image URL, please upload the image in **Content** **->** **Files**. Then copy the link. You can refer to [this link](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/file-uploads).
Naming convention: lower cap and use "-" to replace white space. For example: with the product vendor "Loremous Comodous" the image name will be loremous-comodous-sizechart.jpg or loremous-comodous-sizechart.png
{% endhint %}
## By Metafield
1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. Click **Product information** -> add **Perks** block (if not already added).
5. On **Perks** block scroll down to **Size chart** and choose **Size chart type** as **Product metafield.**
### H**ow to add new Metafields?**
1. From your Shopify admin, go to **Settings** -> **Custom data**.
2. Click **Products → Add Definition.**
3. Please enter correct **Namespace and Key** as we noted below.
```
Name: Size Chart
Namespace and key: c_f.size_chart
Select content type: Text
```
### How to insert content for Product Metafields?
1. From your Shopify admin, go to **Products -> All products**.
2. Find and choose the product that you want to edit.
3. In the **Metafields**, please insert image url in the "**Size Chart**" field.
{% hint style="info" %}
To get the image URL, please upload the image in **Content** **->** **Files**. Then copy the link. You can refer to [this link](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/file-uploads).
{% endhint %}
{% hint style="info" %}
You can use [Bulk Editor](broken://pages/KL6PTNrFZtms98ZiKvSF) to edit multiple products.
{% endhint %}
## By Custom Image
1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. Click **Product information** -> add **Perks** block (if not already added).
5. On **Perks** block scroll down to **Size chart** and choose **Size chart type** as **Custom image** to apply the size chart for all products**.**
6. Upload the size chart image for all products.
## By Custom Page
1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. Click **Product information** -> add **Perks** block (if not already added).
5. On **Perks** block scroll down to **Size chart** and choose **Size chart type** as **Custom page.**
6. At "**Custom page**" select the page that you want to display its content on the size chart popup.
