> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bc-nimo-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/bc-nimo-documentation/product-detail-page/size-chart-function.md).

# Size Chart Function

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2FW6bHx839oaEOW2YStBPg%2Fimage.png?alt=media&amp;token=603a5c43-9eee-449e-8cc6-b4b0ac387249" alt=""><figcaption></figcaption></figure>

There are 2 options for you to setup:

* Using different products for each product.
* Using same for all products.

**1. Using different products for each product**

To show size chart image, please prepare your own size chart image and then upload this image into Image Manager first (note: name image is: **size-chart-img.jpg**)

In the **Admin panel** -> Go to **Products** -> **View**. Then, click a product you want

In the **Product Details**, please find tab: **Custom Fields**.

**Custom Field Name** must be: **\_\_sizechart**.

**Custom Field Value** please enter **size chart image**

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save**.
{% endhint %}

{% hint style="info" %}
Images must be successfully upload to the **Image Manager**.
{% endhint %}

**2. Using same for all products.**

Go to **Storefront** -> **My Themes** -> **Customize**. <mark style="color:red;">(If your store is a new store, you may need to go to</mark> <mark style="color:red;"></mark><mark style="color:red;">**Channel Manager -> Themes -> Edit Theme**</mark><mark style="color:red;">)</mark>

In the **Theme Editor** -> Go to **Product Detail Page** / **Sizechart**

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2FiwmwcMpHQCyIgAOhKt9e%2Fimage.png?alt=media&amp;token=c8b8c730-e8d2-4262-a709-eab2ccac8341" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save**.
{% endhint %}

{% hint style="info" %}
Input in Theme Editor limit 64 characters.
{% endhint %}
