# Size Guide

<figure><img src="https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2FIsEyEs3egHWVwL8RmoFh%2Ffana-size-guide-single-product-page-1.png?alt=media&#x26;token=bc2a56ab-3152-4254-87cc-c27d1c64b0bf" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2FxAYExdohDCovNUAA3sWH%2Ffana-size-guide-single-product-page-2.png?alt=media&#x26;token=b1132573-f58f-48bc-8662-0dadaccbd1cb" alt=""><figcaption></figcaption></figure>

* [x] **Step1: Enable editing for Tbay Custom Post**

{% hint style="info" %}
Go to Elementor > Settings > General > Post Types = Thembay Blocks
{% endhint %}

![](https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2FUbbv5Z5EA26Cfu1hw62A%2Ffana-enable-thembay-block.png?alt=media\&token=27d257a7-fe22-4268-9ca3-f4337b950fca)

* [x] **Step 2: Go to Tbay Custom Post Manager and create \[Block] Size Guide**

![](https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2FEB4zDgSxUQyWzI1IR5C7%2Ffana-size-guide-single-product-page-3.png?alt=media\&token=e502a1d1-9671-4a7c-aeb2-56b1993e2e2e)

{% hint style="info" %}
You can create pictures, text or whatever you want. Here we give an example for your reference
{% endhint %}

<figure><img src="https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2Fbj8kG2jKw7lD60iVpTJQ%2Ffana-size-guide-single-product-page-4.png?alt=media&#x26;token=2e484ef2-f1fd-43fc-bc01-a4b92c7b7e69" alt=""><figcaption></figcaption></figure>

Code here:

```html
<table class="tbay-info-size-guide">
<thead>
<tr>
<td><strong>SIZE</strong></td>
<td><strong>CHEST</strong></td>
<td><strong>WAIST</strong></td>
<td><strong>HIPS</strong></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>
</tbody>
</table>
```

* [x] **Step 3: Copy Shortcode and paste in Theme Options: Fana Options > Woocommerce Theme > WooCommerce Open > Size Guide - Single Product Page (Global)**

![Copy short code](https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2F88kzSSbyYgJxHpFpqD7v%2Ffana-size-guide-single-product-page-5.png?alt=media\&token=30771a41-f1ad-4cd0-9256-b7cb2e116b2b)

<figure><img src="https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2Fzar7OaoM5aokJPinfQCQ%2Ffana-size-guide-single-product-page-6.png?alt=media&#x26;token=d551ad28-2a17-43d8-9cdf-180b8fc60429" alt=""><figcaption><p>paste here</p></figcaption></figure>

{% hint style="warning" %}
**To create a separate "Size Guide" for each product, you can configure it in the product details. You can create a custom post and use the shortcode as shown above or use custom text.**
{% endhint %}

<figure><img src="https://3807464817-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOFm4cKSK8J9AYdRimRMN%2Fuploads%2FOirYnToIBJogSUk1TGy0%2Ffana-size-guide-single-product-page-7.png?alt=media&#x26;token=c8e498f1-d509-4f18-a96c-b025e2666c95" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Video tutorial:**
{% endhint %}

{% embed url="<https://www.youtube.com/watch?t=8s&v=Bf24Kjp9tls>" %}