Size Guides

Size Guides



The following steps can be done by going to Content › Pages in your eCom back office.

Creating the Size Guide Content

You will need to first create a new page by going to Content › Pages and add a new page with the title, Size Guides. Make sure the Visibility is turned ON and that the URL slug is 'size-guides' exactly.





Important: To make sure that the size guide displays properly on your product pages, the URL slug must be size-guides, exactly.

Use the content editor to create your size guide content. We recommend using an HTML table or image for showing your sizes. As a starting point, feel free to copy/paste this sample HTML table we used for our demo.

  1. <table style="border-collapse: collapse; width: 100%; height: 127px;" border="1">
  2. <thead>
  3. <tr style="height: 18px;">
  4. <td style="width: 25%; height: 18px;">You</td>
  5. <td style="width: 25%; height: 18px;">Size</td>
  6. <td style="width: 25%; height: 18px;">Waist</td>
  7. <td style="width: 25.2632%; height: 18px;">Bust</td>
  8. </tr>
  9. </thead>
  10. <tbody>
  11. <tr style="height: 18px;">
  12. <td style="width: 25%; height: 18px;">00-0</td>
  13. <td style="width: 25%; height: 18px;">XS</td>
  14. <td style="width: 25%; height: 18px;">23-24</td>
  15. <td style="width: 25.2632%; height: 18px;">31-32</td>
  16. </tr>
  17. <tr style="height: 18px;">
  18. <td style="width: 25%; height: 18px;">2-4</td>
  19. <td style="width: 25%; height: 18px;">S</td>
  20. <td style="width: 25%; height: 18px;">25-26</td>
  21. <td style="width: 25.2632%; height: 18px;">33-34</td>
  22. </tr>
  23. <tr style="height: 18px;">
  24. <td style="width: 25%; height: 18px;">6-8</td>
  25. <td style="width: 25%; height: 18px;">M</td>
  26. <td style="width: 25%; height: 18px;">27-28</td>
  27. <td style="width: 25.2632%; height: 18px;">35-36</td>
  28. </tr>
  29. <tr style="height: 18px;">
  30. <td style="width: 25%; height: 19px;">10-12</td>
  31. <td style="width: 25%; height: 19px;">L</td>
  32. <td style="width: 25%; height: 19px;">29-31</td>
  33. <td style="width: 25.2632%; height: 19px;">37-39</td>
  34. </tr>
  35. <tr style="height: 18px;">
  36. <td style="width: 25%; height: 18px;">14</td>
  37. <td style="width: 25%; height: 18px;">XL</td>
  38. <td style="width: 25%; height: 18px;">32-34</td>
  39. <td style="width: 25.2632%; height: 18px;">40-42</td>
  40. </tr>
  41. <tr style="height: 18px;">
  42. <td style="width: 25%; height: 18px;">16-18</td>
  43. <td style="width: 25%; height: 18px;">1X</td>
  44. <td style="width: 25%; height: 18px;">35-37</td>
  45. <td style="width: 25.2632%; height: 18px;">43-45</td>
  46. </tr>
  47. </tbody>
  48. </table>
  49. <p class="hint-text" style="font-size: 12px;"><em>With such a large catalog of products, sizing can vary between designers. Our size guides are based on industry sizing and standards combined with the measurements and sizing used by designers we carry.</em></p>


Displaying the Size Guide on Product Pages

Activate the Model Info feature on your product pages, by going to Design › Theme Settings › 8. Product and turning ON the Show size guides setting.


    • Related Articles

    • Size Guides

      The following steps can be done by going to Content › Pages in your eCom back office. Creating the Size Guide Content You will need to first create a new page by going to Content › Pages and add a new page with the title, Size Guides. Make sure the ...

    • Producten Gidsen (Size Guides)

      De volgende stappen kunnen worden uitgevoerd door naar Content > Pages in uw eCom-backoffice te gaan. De inhoud van de groottegids maken U moet eerst een nieuwe pagina maken door naar Content > Pages te gaan en een nieuwe pagina met de titel, ...

    • Produkthandbücher (Guides)

      Die folgenden Schritte können Sie ausführen, indem Sie zu Content › Pages in Ihrem eCom-Back-Office wechseln. Erstellen des Größenhandbuchs Inhalt Sie müssen zuerst eine neue Seite erstellen, indem Sie zu Content › Pages gehen und eine neue Seite mit ...

    • Product Page Settings

      The following steps can be done by going to Design › Edit Theme › Pages (tab) › Product details in your eCom back office. Managing the Product Page Settings There are several settings you can control to customize the product page for your shop. Show ...

    • Product Page Settings

      The following steps can be done by going to Design › Edit Theme › Pages (tab) › Product details in your eCom back office. Managing the Product Page Settings There are several settings you can control to customize the product page for your shop. Show ...