Do some or all of your products come in different sizes?
You can help your shoppers decide which size to order by providing a table or chart with details on your product sizes and any recommended corresponding measurements.
Here are the basic steps:
Create a Size Chart:
For each size chart you want to use in your shop, you’ll need to create a separate page by going to Online Store > Pages > “Add a Page”.
This page can include text and/or images, and commonly uses some kind of grid or table to present sizing information.
OPTION 1: Use a single size chart for ALL products:
If you only have one sizing guide that applies to all your merchandise, and you want that size chart to be accessible from each product page, follow these steps:
- Go to your the Customize theme area (Online Store > Themes > Customize Theme > General settings > Product grid)
- Scroll down and look for the Size chart dropdown list
- Choose the page you’ve just created for your size chart
Result: This will add a “Size chart” link (to that one size chart you just specified) to every product page in your shop.
OPTION 2: Use different size charts for different products:
If you have different size charts for different items, and/or have some products that don’t need a size chart at all, you can specify which ones to use, and where, using the following method:
- Go to your Size Chart Page and make a note of the handle for that page:
*Note: in the above and below example, the 'handle' is 'size-chart'.
Next, go to a product where you want that particular size chart to be used, and add a new tag in the Tags section with the following format:
Repeat this step for every size chart and every product you have, that you want to use a specific size chart with.
Finally, make sure you have the Size chart set to None in the Customize theme area:
Online Store > Themes > Customize Theme > General settings > Product grid > “Size chart” and choose “None” from the dropdown list:
Result: This will add a custom “Size chart” link ONLY to the product pages in your shop that have a ‘meta-size-chart’ tag applied to them; products without this meta tag will not display a size chart link at all.
FINAL NOTE: To change the name of the size chart link:
Go to the theme’s language settings (Online Store > “Actions” > Edit Language) and under the “Product” tab, scroll down until you see the text field for “Size chart” then enter your preferred text there + click save