> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/yuva-knowledgebase/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/yuva-knowledgebase/sections/how-to-show-size-guide-on-pdp.md).

# How to show size guide on PDP

To add a **single-size guide** to all products, follow the steps given below:\
\
\- Go to the product template.<br>

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

\- Add a block with the name 'Variant picker.'<br>

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

\- Select any page to show as the size guide:

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

### How to add separate size guides for all products

Go to store settings>Custom data>Products

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

Create a meta field with name **yuva\_theme.size\_chart** with type **Page** as shown below:<br>

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

Go to the product page from the Shopify dashboard<br>

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

Select any page here( This page will be applicable to this specific product only.) and save the product.\ <br>

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

Now. go to the theme editor> Product template and add block "Variant picker"(as explained above)\
and add meta field from the dynamic source and save it (as shown below):<br>

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

The size guide will show like this on the storefront:<br>

<figure><img src="/files/0ufCHGNLz11wWtm9w2AR" alt=""><figcaption></figcaption></figure>

### IMPORTANT NOTE:

In case the option name is different than the Size then this 'Size chart' link can be connected with your option names as well using the below given process.\
\
Problem is: Suppose the size chart is not showing here because the option name is different than the size.

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

The solution is: Go to the theme settings> Product and save the option name that reflects product sizes.\
Added the option name and the size chart started showing:<br>

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