> For the complete documentation index, see [llms.txt](https://minimog-wp.gitbook.io/minimog-ecommerce-wordpress-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://minimog-wp.gitbook.io/minimog-ecommerce-wordpress-theme/ecommerce-features/size-guide.md).

# Size guide

Display size chart for your customers

Demo: <https://minimog.thememove.com/product/stripe-cotton-shirt/>

<figure><img src="https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FfoFW209TVuOaIc4fvbVt%2FSize_Chart.png?alt=media&amp;token=0e3d26a8-db89-407c-9699-39018b610280" alt=""><figcaption></figcaption></figure>

## 1. Enable Size Guide

{% hint style="success" %}
On the Dashboard, navigate to WooCommerce > Settings > Product > Size Guide > Enable product size guides > Save changes
{% endhint %}

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FLHlm5wbfMAWsMExUsgO7%2Fimage.png?alt=media\&token=8c29ff52-09f8-4ccc-ad95-ae39ee0d8bc0)

You can choose to:

* Enable product size guides: Apply to all products
* Enable on variable products only: Apply to variable products

## 2. Add new Size Guide

{% hint style="success" %}
After save changes for the previous step, go to Products > Size Guides  > Add New
{% endhint %}

Fill in the needed information

* Size guide name
* Table

> **Display Size Guide for certain categories**

You'll see the Apply to Categories section on the right of the screen. Here you can display a size guide for certain categories

* If you select **No category**, the size guide will be hidden except you select it for a specific product manually.&#x20;
* If you select **All Categories**, the size guide will be displayed on all products.&#x20;
* If you select **Select Categories**, you must select at least a category in the list.

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2Fyf7XBS1oMljKz3TxSeUo%2Fsize%20guide%20\(4\).png?alt=media\&token=07244fc1-9f69-4c80-b488-d36e783e88a5)

The most important thing of a size guide is the table of sizes for your products.&#x20;

In the Table Box, you will see a table editor. It allows you add/remove columns and rows by using the plus/minus buttons.&#x20;

Fill table cells by just clicking on them and inputing the text.

![Add the information you want to show on your size guide in the table](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FR02yAyq9PzGmh9auApsO%2Fimage.png?alt=media\&token=4d091008-0246-4efc-b14f-5e35d69023a7)

Click Update to save changes.

## **3.** Display Size Guide on Product page

{% hint style="success" %}
After save changes for the 2 previous steps, go to Product > All Products > Choose the product you want to add size chart > Select Product data according to your product > Slect Size Guide&#x20;
{% endhint %}

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FZzScOUwf4ASYL6PhXbQl%2Fimage.png?alt=media\&token=40ab88af-512d-4b86-ab60-691a5523b29f)

There are options to display the size guide and the button.

#### Size Guide:

Choose a size guide you want to display

* Size Guide Name
* Default: Display the default size chart
* No size guide: Display no size guide

#### Size Guide Display:

On Guide Display, you can choose to display your size guide in product tabs or display it as a popup by clicking on a button.

![Size chart as a pop up](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FeuX3nXLWQ3Z2rSwU9u1f%2Fimage.png?alt=media\&token=8a0b5cc8-1909-438d-b94d-618cb21bd58a)

![Size chart in product tabs](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FbwHiyMKGOpPbqGBAZ0EA%2Fsize%20guide%20product%20tab.png?alt=media\&token=ccb809d6-cf8e-4603-ae94-7c7b27ea8c03)

#### Button position

If you choose to display your size chart as a popup, you can also choose to display your button position:

* Above Add To Cart button
* Below short description
* Below price

![Default (Above Add To Cart button)](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FFbhUerWcdNlEXYECIpkB%2Fimage.png?alt=media\&token=b313463a-771b-47f2-a065-0759cf9a326a)

![Below price](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2Fp7jj9fJsyApiRVqeUcsJ%2Fimage.png?alt=media\&token=7eb9a3b7-e5a2-4edc-96d5-82dcdb97bab5)

When you finish, remember to click Update.
