Note: This article is for section-based themes. If you are using an older (non-sectioned) version of your theme (released before Mobilia 5.0, Retina 4.0, Parallax 3.0, Responsive 6.0 or Turbo 2.0) please see here.
To find out which theme version you are using please see here.
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.
In this Article
- Create a Size Chart
- Option 1: Use a single size chart for all products
- Option 2: Use different size charts for different products
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 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'.
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 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