> 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="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FpdJOWCUmuI9heHO7Xpuu%2Fimage.png?alt=media&amp;token=2a63eca6-801c-4c05-9814-5dc4f784dd26" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FCGCHKDknWHH07QngWP0p%2Fimage.png?alt=media&amp;token=56cce67a-93d9-417e-9c7f-d16d5e3579f4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FusUsjFUZAkE9inhXg6f1%2Fimage.png?alt=media&amp;token=6fea746a-be59-48d2-8815-fd53870bcd43" alt=""><figcaption></figcaption></figure>

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

Go to store settings>Custom data>Products

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FxeEm1L9vfZTYAaqzj10l%2Fimage.png?alt=media&amp;token=222a59d2-f4ea-4000-9d2b-214fb62acfc4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FALUotAB2fV1L6aGWArZN%2Fimage.png?alt=media&amp;token=f4ac140e-33e5-402c-b686-d8d2d7388206" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FJ15JMl3PxJMUwUssVsg5%2Fimage.png?alt=media&amp;token=d862e5d6-adc0-4ec8-a33d-082667ac39bc" 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="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2F1YLMN8ILgWVWrPEX03xi%2Fimage.png?alt=media&amp;token=0f073e26-f703-47b0-bb0d-f27e4fee1937" 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="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2F0ifZly7el9BlfI6fVg00%2Fimage.png?alt=media&amp;token=a54871ee-4fcb-45be-a332-63685bea98b1" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FYH4mgU3Np0hZT0ClSEqS%2Fimage.png?alt=media&amp;token=ec5a4bb0-8d8e-4611-b650-419fa33c398b" 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="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FTOty5JIokwhwamYdvbkg%2Fimage.png?alt=media&amp;token=953a6b6b-fef7-40cb-b73f-4bfc31bcc4be" 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="https://4009794490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGaLb2C8Lexu13T0H4nYj%2Fuploads%2FK7G5JDfOhz7Ci9GBfYwh%2Fimage.png?alt=media&amp;token=44ef91e9-a693-4ab8-b112-d6a6a3ab8548" alt=""><figcaption></figcaption></figure>
