# 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>


---

# 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://elessi-docs.nasatheme.com/single-product/extended-features/size-guide.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.