How to change the size chart location manually with code

2.0 Themes

To top

If you have a 2.0 Theme that allows app blocks you can click on the article below to place the size chart in your product template.

How to change the size chart location

Manually place code in theme

To top

If you have an older theme that doesn’t support app blocks, manually place our app in our product template with code.

  • Go to the Shopify Dashboard
  • Under Sales Channels click on Online Store
  • Click on Themes

On the theme, you want to edit click on Actions > Edit Code

Next, you’ll need to find the product file that is controlling the product page.

A good place to start looking is in the Templates/product.liquid file or the  Sections/product-template.liquid.

Paste the code in the position you want the size chart to show in your layout.  It might take a few tries to get the location right in your product layout.

<div class="best-fit-size-chart"></div>

If you need any help, please contact us, and we’ll help you out.

Was this article helpful?

Pin It on Pinterest