{"id":2630,"date":"2020-08-02T13:32:25","date_gmt":"2020-08-02T13:32:25","guid":{"rendered":"https:\/\/shopthemedetector.com\/blog\/?p=2630"},"modified":"2026-03-25T11:15:36","modified_gmt":"2026-03-25T11:15:36","slug":"how-to-add-a-sizing-chart-on-shopify","status":"publish","type":"post","link":"https:\/\/shopthemedetector.com\/blog\/how-to-add-a-sizing-chart-on-shopify\/","title":{"rendered":"How To Add a Sizing Chart On Shopify"},"content":{"rendered":"

Customers don\u2019t like to get clothes to find out that their order doesn\u2019t fit them or that a product doesn\u2019t fit within the space that they had in mind for the project. That\u2019s why you need to include a sizing chart on your website for all products that come in a variety of sizes.<\/p>\n

Here are several ways for you to create a size chart on your Shopify store.<\/p>\n

Key Takeaways<\/div>
1<\/div>
Creating a size chart page involves steps like logging in, adding a page, and detailing page content.<\/div><\/div>
2<\/div>
You can integrate the size chart into your Shopify theme through a process that includes code addition.<\/div><\/div>
3<\/div>
You can use a size chart app to avoid editing liquid.<\/div><\/div><\/div>\n

Creating A Size Chart Page<\/h2>\n

This helps you create a page for your size chart.<\/p>\n

Step 1 - Login<\/h3>\n

Login to your Shopify admin using your store credentials.<\/p>\n

Step 2 - Add Page<\/h3>\n

Next go to the \u2018Online Store\u2019 and then \u2018Pages\u2019 option. From there you should click on the \u2018Add Page\u2019 option to create a new page.<\/p>\n

Step 3 - Page Details<\/h3>\n

Use the title \u2018Size Chart\u2019 for the page.<\/p>\n

Step 4 - Content<\/h3>\n

Now in the \u2018Content\u2019 box, create a table that contains all the size chart information your customers will need. You can also customize the table to appear exactly how you would like it to.<\/p>\n

Step 5 - Visibility<\/h3>\n

In the \u2018Visibility\u2019 section of the website, ensure that you\u2019ve set the page to \u2018Visible\u2019. When you\u2019ve done this you can click on the \u2018Save\u2019 option.<\/p>\n

Now you can link your size chart from any page on your website. It is a simple solution.<\/p>\n

Add The Size Chart To A Theme<\/h2>\n

This is how to add a size chart to a theme.<\/p>\n

Step 1 - Login<\/h3>\n

Login to your Shopify admin using your store credentials.<\/p>\n

Step 2 - Themes<\/h3>\n

Next go to the \u2018Online Store\u2019 and then the \u2018Themes\u2019 option. From there you should click on \u2018Actions\u2019 and then \u2018Edit Code\u2019.<\/p>\n

Step 3 - Sections<\/h3>\n

In the sections directory you need to find and click on the product-template.liquid file. This will open up the editor for the file.<\/p>\n

Step 4 - Add Code<\/h3>\n

Now you can add a size chart by adding the code below into the theme above the \u2018Add to cart\u2019 button.<\/p>\n

{% if product.options contains 'Size' %}\r\n<\/pre>\n
See size chart<\/a><\/p>\n
{% endif %}<\/pre>\n
You also need to add the following code to the bottom of the product-template.liquid file.<\/p>\n
{{ pages.size-chart.content }}<\/div>\n
\u00a0<\/p>\n