Home > Shopify Development > Generate a size chart page

How to generate a size chart page in Shopify

Sam Updated: March 09, 2024

Drive 20-40% of your revenue with Avada

Get Started

If you are running an online clothing store then it is necessary to let your customers know their size before they make a purchase. For that reason, Size chart was designed as a size guide for everyone visiting your store. According to that size instruction, which is organized and listed obviously, customers are able to make comparisons and choose the right item for them.

However, please keep reading our instructional writing on How to generate a size chart page to know more deeply about this topic.

How to generate a size chart page

Sectioned and non-sectioned themes
Generate a size chart page for sectioned themes
Generate a size chart page for non-sectioned themes

Sectioned and non-sectioned themes

Please kindly note that this tutorial does not work for Narrative or the non-sectioned version of Brookklyn. So what are the differences between sectioned and non-sectioned theme?

A sectioned theme is a newer theme which could let you drag and drop to manage the layout of your store’s pages. To find out the sections that your theme does support, please go to the theme’s Edit code page. If there are files in the Sections directory, then you are using a sectioned theme. For your information, non-sectioned themes were released before October 2016, and they do not have files in the Sections directory.

Under the circumstance that you are using a sectioned theme, please click the Sectioned themes button and folloe the instructions. In case you are using an holder, non-sectioned-theme, tap the Non-sectioned themes button and follow the instructions.

Generate a size chart page for sectioned themes

Step 1:

From your Shopify Admin panel, go to Online Store > Pages. or Click Add page.

How to display a feature image on a product page in Shopify

Step 2:

Enter Size chart for the page title:

step2

Step 3:

Create a table which contains all of your size chart information in the Content box. You are allowed to customize the table look to match your expectation.

step3

Step 4:

Be certain that the page is already set to Visible in the Visibility section.

Step 5:

Tap Save button.

Generate a size chart page for non-section themes

The configuration guide is the same as for section themes

Using Size Chart App

With Shopify Size Chart, you can now solve one of the biggest questions of customers: “What size Am I?” What a great app! Plus, this app is totally free.

Conclusion

We hope that this instruction has brought to you partly necessary information about how to generate a size chart page in Shopify. Please check out more of our posts about many related topics, thank you for reading!

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Generate a currencies snippet Insert the search box on your Jekyll site using lunr.js How to hide sold out variants for nonsectioned themes Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Get consent for promotional emails during customer registration Generate your snippet generate the How did you hear about us form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.