# Size Guide

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FKa05XlGLofoZahlxEdqM%2Fsize-guide-click.jpg?alt=media\&token=5ba6c988-4ea8-401e-93b7-aa4c0f8ffce9)

{% 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**)

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FOyD20UxFDHlVdl2d5aPM%2FRole%20Manager%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-31%2018-44-56.jpg?alt=media\&token=41c4d74e-6fa4-4fd7-bfa6-5018eabf2d6e)

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

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FOjQzz0dWXz5JqhhlTNSc%2FStatic%20blocks%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-31%2019-20-24.jpg?alt=media\&token=0fe58a6e-d2e7-4c73-8d71-6150aa5d15a3)

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 %}

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FB48HT7NeAPkod6bFlUrE%2FElessi%20Theme%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-31%2019-18-03.jpg?alt=media\&token=cd11713e-c2a7-43d2-bae0-9e8571e7b6e7)

### 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="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FOGIhtcT2RDTRmu1L2c1V%2Felm-size-guide.webp?alt=media&#x26;token=6cda0338-3631-4025-a0fa-f4a96aaeb5dc" 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="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FIjiOtuHynQtSiSHP97jV%2Fimport-json.jpg?alt=media&#x26;token=bbccb5cc-4c09-49f0-b8be-1b39f27ade06" 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

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FWwveIVN24c6oLpUmU3hV%2FEdit%20category%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-05-12%2018-03-32.jpg?alt=media\&token=0c9157f3-95f2-4536-a7f8-bdb084d0e34b)

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FNBRxQU0lTwZKRGWAUjPc%2Fsize-guide-cat.webp?alt=media&#x26;token=a27b57c5-6497-4fc0-a716-f370b7852211" 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="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FsUUauYsCjvMbClK2S1Qw%2Fimage.png?alt=media&#x26;token=fb7d1e32-41bb-4666-851d-80ae6879c48c" alt=""><figcaption></figcaption></figure>