Size chart

What is a size chart? #

A size chart provides a quick and easy way for customers to see which product size will best suit their needs before purchasing an item. This can help reduce the number of returns and increase your customers’ loyalty and confidence in your brand.

Images are for illustrative purposes. The exact layout may vary by theme.

 

How to create a page to store your size chart information #

 

Steps

1. Open the Shopify admin area and navigate to Online store > Pages > Add page.
2. Create a page with a title such as “Size chart”.
3. Add the size chart information directly in to the page Content area. An image can be the simplest solution for display on all screen sizes.
4. Ensure the Page is set to Visible and click Save.

 

Note

We strongly advise creating size charts using images rather than tables for the best results. Using an image will ensure no formatting issues occur on devices with smaller screens.

 

How to activate your size chart #

 

Steps

1. Open the Theme Editor, select Products from the dropdown at the top and choose the template e.g. Default product.
2. Select the Variant picker block.
3. In the Size chart settings, check the Enable size chart setting.
4. Click Select page and choose the page which contains your size chart.
5. Within Option name, enter the variant option title which indicates the size of the product. The size chart will appear alongside this option once set up.
   
6. The size guide link should now be displayed next to the variant option. Click the link text to open your size chart.

 

How to set up unique size charts for products using metafields #

By creating a page reference product metafield, it’s possible to setup unique size charts for products. Learn more about creating metafields in Shopify’s metafield guide.

 

Steps

1. Open the Shopify admin and go to Settings > Custom data.
2. Click on Products to create a new product metafield for your Size Chart page link. The metafield should be a Product metafield of type Page Reference.
   
3. In the Shopify admin, go to Products, edit a product and scroll down to find the newly created page reference metafield. Select a page that contains the size chart for that product and Save.
4. Open the Theme Editor, and select Products from the template dropdown at the top and choose your desired product template.
5. Select the Variant picker block
6. In the Size chart settings, check the Enable size chart setting.
7. Within Option name, enter the variant option title or label (e.g. Size, Dimensions). Once all the steps are complete a link to the size chart page will be shown next to this variant option selector.
8. Next to Page containing the size chart select the Connect dynamic source icon.
9. Ensure the dropdown Current template: Product is selected to show the list of available product metafields.
   
10. Select the size chart page from the list of metafields for the product template.

 

Note

The Bulk Editor is a helpful tool to quickly update metafields and other attributes across all your products.