# 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FjvTUHgRiTH6lgkf0ERDW%2Fimage.png?alt=media&#x26;token=3bcfebe8-0d03-43d3-bbae-840158c20b9e" 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FxkNL4lyIPxnfd9xacLTz%2Fimage.png?alt=media&#x26;token=4950a760-ffe4-4ee2-84cd-2121418c7c7c" 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](https://docs.foxecom.com/foxkit-app/how-to-set-up-foxkit-features "mention")
{% endhint %}

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

For [Minimog theme](https://app.gitbook.com/o/-MclUm8sPkipbISmgxh-/s/-MlL6sK9D7unq8F2VPPp/), 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="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FIuqEOw0VgWDSqJ9HyRfu%2Flivechat883x471%20(1).png?alt=media&#x26;token=2d55e471-68de-413c-8041-8ae9c7f700a3" 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/foxkit-app/sales-boosting/size-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
