> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/megamog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/megamog-theme/sales-boosting/size-chart.md).

# Size chart

The **Size chart** feature lets you easily create different size charts for various types of products, such as tops, bottoms, shoes, bags, etc.

The chart helps shoppers find their suitable size, hence, lowering the chance that the products will be returned. It also improves the user experience (UX) of the website.

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FcVt3FucebqcUrGgJZazq%2FScreen%20Shot%202021-10-31%20at%2009.49.11.png?alt=media\&token=214ca9b9-2009-4319-849d-2d28a4d648bd)

## Steps

1. In **FoxKit** > **FoxKit power** > Choose **Size chart.**
2. Click **Create size chart** to start.

<figure><img src="/files/YRx7evUY2GVOcMibvR1R" alt=""><figcaption></figcaption></figure>

3. Choose the chart content to display and make changes in the table if needed.
4. Choose where to display the size chart.

* **All products**: apply to all the products that the store has.
* **Specific products**: need to manually select the products.
* **Specific collection**: manually add the collection.

<figure><img src="/files/6JyC3jjWymepVcCIdEC6" alt=""><figcaption></figcaption></figure>

5. **Save** the settings.

{% hint style="info" %}
After you've created a size chart, follow this article to add the Size chart button to your template.

[How to set up FoxKit features](/megamog-theme/how-to-set-up-foxkit-features.md)
{% endhint %}

{% hint style="info" %}
The below steps are for [**Minimog**](https://docs.foxecom.com/minimog-theme/) theme
{% endhint %}

For [Minimog theme](https://foxecom.gitbook.io/minimog-theme/), once you have your Size chart ready, you can decide which product option you want the Size chart button to be displayed next to on your storefront.

1. In the theme editor (**Customize**), go to the **Product template**.
2. Locate the **Product information** section, select **Variant selectors**.&#x20;
3. In the **Size option title**, fill in the **Option name** you want to show your Size guide button.
4. Click **Save**.

<figure><img src="/files/FWbzBePW6CWTNRAQqEf2" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_size_chart&#x26;utm_campaign=anchor-text&#x26;utm_term=install_xflow_back_in_stock_automation_free">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>
