# How To Set Up Size Chart For Product?

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2F09VwQdRPuF0jo5Uoyg0q%2Fsizechart-1.gif?alt=media\&token=a8c9d58c-27d0-407e-8a6c-9df1157ccac0)

{% hint style="info" %}
Halo offers 4 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).
  {% endhint %}

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FiJjT5UqhFgCRaURW6bIh%2Fsizechart-2.gif?alt=media\&token=52a60a15-65c3-4739-afa3-56a05d412697)

## 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. Click **Product Information.**
5. Scroll down to **Size Chart** and choose **Using Different Size Chart For Product By Following** as **Product Type.**

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FKWlo7XVFZK4iEHEUUCTy%2Fsizechart-1.png?alt=media\&token=bafba4a1-668a-4323-b176-266e4ea86e9a)

{% 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.**
5. Scroll down to **Size Chart** and choose **Using Different Size Chart For Product By Following** as **Product Vendor.**

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2F2mSE2lco1yqoOYTuiqXm%2Fsizechart-2.png?alt=media\&token=f330f3fa-ac27-4f87-bef6-5a09b77296c7)

{% hint style="info" %}
Upload image with the same name as the product-vendor-sizechart.

To get the image URL, please upload the image in **Settings** **->** **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.**
5. Scroll down to **Size Chart** and choose **Using Different Size Chart For Product By Following** as **Metafield.**

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FCGSGjU6QY7m5Oelr5gsn%2Fsizechart-3.png?alt=media\&token=f507318b-6e49-476f-b730-4d77e174625f)

### H**ow to add new Metafields?**

1. From your Shopify admin, go to **Settings** -> **Metafields**.
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
```

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FNbqYfZ8drSQHWfZaulL0%2Fsizechart-3.gif?alt=media\&token=a81dd1e5-7f11-4e52-83e9-e21179a28d87)

### 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.

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2F4bxuiRbN8YIJwxO6D40g%2Fsizechart-4.gif?alt=media\&token=12c081f1-625c-41bb-af9a-0d21a75ae194)

{% hint style="info" %}
To get the image URL, please upload the image in **Settings** **->** **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](https://halosoft.gitbook.io/halo-docs/page/bulk-editor-page) 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.**
5. Scroll down to **Size Chart** and choose **Using Different Size Chart For Product By Following** as **Custom Image.**
6. Upload the size chart image for all products.

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FfVtrPQdovWUk7IT9253j%2Fsizechart-4.png?alt=media\&token=a9a3eaec-d438-4c1f-bfc8-3c666918d16f)