Skip to main content

How can I add and customize the position of the size chart on my product pages?

Updated this week

How can I add and customize the position of the size chart on my product pages?

Understanding how to add and adjust the size chart placement on your product pages can help provide a clearer shopping experience for your customers. Below, you'll find step-by-step guidance on managing size chart placement and information on when to seek additional support.

How to Add and Position the Size Chart

Displaying the Size Chart Below the Product Description

To display the size chart below your product description, you can follow the step-by-step tutorial available in the "How to Change Size Chart Position" guide. This tutorial typically involves editing the product page's template to insert the size chart block right under the description section. If you encounter difficulties or prefer assistance, you can contact support with the following details:

  • Your Shopify domain

  • A screenshot highlighting the desired position

  • The product link

  • Information about any third-party swatch or variant apps, such as Swatch King or Rio Options, that you may be using

Moving the Size Chart Between the Size Selector and Price Section

If you wish to move the size chart to appear below the size buttons (variant selector) and above the price on the product page, this can be achieved by repositioning the size chart block in your product page template. Place the block immediately after the variant/size selector and before the price block to achieve the desired layout. This adjustment involves understanding the structure of your store's product page template, which can include sections and blocks within the theme editor or custom Liquid code updates.

Next Steps and Support Options

For users who prefer guided assistance or have complex scenarios:

  1. Reach out to support via the Staytuned help center.

  2. Provide key details such as your shop's setup, the exact position for the size chart, and other influences like third-party apps.

  3. Leverage custom solutions if your theme is incompatible with generic templates or requires specialized adjustments.

By following these steps or seeking expert help, you can ensure your size chart is strategically placed to enhance the user experience on your product pages. For more advanced tutorials and troubleshooting tips, visit the Staytuned knowledge base.

Did this answer your question?