> 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="/files/HWSTtxgJA1gOcG9nB46s" 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="/files/cnjyqj94ZuHKVKVc6MJe" 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 %}