> For the complete documentation index, see [llms.txt](https://elessi-docs.nasatheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elessi-docs.nasatheme.com/single-product/extended-features/size-guide.md).

# Size Guide

![](/files/XlSkGsB3kiwkePBuKIKz)

{% hint style="info" %} <mark style="color:red;">**DEMO**</mark>\
[<mark style="color:blue;">**https://elessi.nasatheme.com/product/skrewdriver/**</mark>](https://elessi.nasatheme.com/product/skrewdriver/)
{% endhint %}

**First** - go to **WPBakery Page Builder** > **Role Manager** and under the user roles, choose the post type Custom and check the post type you want to use the <mark style="color:blue;">**WPBakery Page Builder**</mark> (**nasa\_block**)

![](/files/cYzZrlwvlVOd6edCp7lT)

Simply go to **Static Blocks** > Edit Size Guide

![](/files/tHCXCg8DGLoTc99VpdUT)

You can use this HTML to create the initial Size guide and edit it to what you want

```
<div class="padding-top-30">
<h3 class="font-200 nasa-bold-800 text-center margin-bottom-20">Size Guide</h3>
[vc_tta_tabs alignment="center" tabs_display_type="2d-no-border" el_class="nasa-tab-spacing-2px"][vc_tta_section title="DRESSES" tab_id="1589532434092-39326f20-f92f"]
<table class="nasa-info-size-guide">
<thead>
<tr>
<td>Size</td>
<td>Chest</td>
<td>Waist</td>
<td>Hips</td>
</tr>
</thead>
<tbody>
<tr>
<td>XS</td>
<td>34</td>
<td>28</td>
<td>34</td>
</tr>
<tr>
<td>S</td>
<td>36</td>
<td>30</td>
<td>36</td>
</tr>
<tr>
<td>M</td>
<td>38</td>
<td>32</td>
<td>38</td>
</tr>
<tr>
<td>L</td>
<td>40</td>
<td>34</td>
<td>40</td>
</tr>
<tr>
<td>XL</td>
<td>42</td>
<td>36</td>
<td>42</td>
</tr>
<tr>
<td>2XL</td>
<td>44</td>
<td>38</td>
<td>44</td>
</tr>

<tr>
<td class="padding-top-25 nasa-font-color" colspan="4">
<p class="margin-bottom-0 text-center">All measurements are in INCHES</p>
<p class="margin-bottom-0 text-center">and may vary a half inch in either direction.</p>
</td>
</tr>
</tbody>
</table>
[/vc_tta_section][vc_tta_section title="T-SHIRT" tab_id="1589532434106-71fc7663-4dd4"]
<table class="nasa-info-size-guide">
<thead>
<tr>
<td>Size</td>
<td>Chest</td>
<td>Waist</td>
<td>Hips</td>
</tr>
</thead>
<tbody>
<tr>
<td>2XS</td>
<td>32</td>
<td>26</td>
<td>32</td>
</tr>
<tr>
<td>XS</td>
<td>34</td>
<td>28</td>
<td>34</td>
</tr>
<tr>
<td>S</td>
<td>36</td>
<td>30</td>
<td>36</td>
</tr>
<tr>
<td>M</td>
<td>38</td>
<td>32</td>
<td>38</td>
</tr>
<tr>
<td>L</td>
<td>40</td>
<td>34</td>
<td>40</td>
</tr>
<tr>
<td>XL</td>
<td>42</td>
<td>36</td>
<td>42</td>
</tr>

<tr>
<td class="padding-top-25 nasa-font-color" colspan="4">
<p class="margin-bottom-0 text-center">All measurements are in INCHES</p>
<p class="margin-bottom-0 text-center">and may vary a half inch in either direction.</p>
</td>
</tr>
</tbody>
</table>
[/vc_tta_section][vc_tta_section title="BOTTOMS" tab_id="1589603995287-a8a98115-f879"]
<table class="nasa-info-size-guide">
<thead>
<tr>
<td>Size</td>
<td>Chest</td>
<td>Waist</td>
<td>Hips</td>
</tr>
</thead>
<tbody>
<tr>
<td>XS</td>
<td>34</td>
<td>28</td>
<td>34</td>
</tr>
<tr>
<td>S</td>
<td>36</td>
<td>30</td>
<td>36</td>
</tr>
<tr>
<td>M</td>
<td>38</td>
<td>32</td>
<td>38</td>
</tr>
<tr>
<td>L</td>
<td>40</td>
<td>34</td>
<td>40</td>
</tr>
<tr>
<td>XL</td>
<td>42</td>
<td>36</td>
<td>42</td>
</tr>
<tr>
<td>2XL</td>
<td>44</td>
<td>38</td>
<td>44</td>
</tr>

<tr>
<td class="padding-top-25 nasa-font-color" colspan="4">
<p class="margin-bottom-0 text-center">All measurements are in INCHES</p>
<p class="margin-bottom-0 text-center">and may vary a half inch in either direction.</p>
</td>
</tr>
</tbody>
</table>
[/vc_tta_section][/vc_tta_tabs]
</div>
```

{% hint style="info" %}
Next: Go to **Theme Options > WooCommerce Extended > Size Guide** to select Size guide
{% endhint %}

![](/files/TOfG0OL3sLzQ7U8GKFdS)

### Create Size Guide by Elementor Header & Footer Builder - Custom Block

If your site uses Elementor: go to **Theme Options > Elementor Header & Footer Builder** > Add New or Edit Size Guide (Template: **Custom Block**).

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

You can download this JSON file to import the "Size Guide" by "Elementor Header & Footer Builder" plugin[ here](https://www.dropbox.com/scl/fi/bf59r3gldyfjoaa4jhl72/size-guide-hfe-block.json?rlkey=z5y8p8snzjouoboqpm18whpge\&dl=1)&#x20;

How to import JSON file:

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

### **In addition, you can override the Size Guide for&#x20;**<mark style="color:blue;">**Root Category Product**</mark>**&#x20;(Parent=0)**

All the products in this category will display this size guide

![](/files/PAXQgtI3pqeu5czCrYTm)

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

### Size Guide for each product (High priority)

Please navigate to **Products** **→** **Edit Product** **→** In this Product Tab choose **Additional** **→ Additional → &#x20;**<mark style="color:blue;">**Choose the Size Guide table that you created in the Static Block**</mark>

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