How to Set Up Size Guides

These steps are for stores that sell products with sizes, such as clothing or shoes. With Hellostore Theme, size information can be shown in two places. You don’t need both — start with whichever fits your store.

Where it is shown	Good for	How to set it up
A size guide page	One page explaining how to measure and how sizes work	”1. A size guide page” below
The Measurements & fit block on the product page	Showing only the size chart from the product description, folded on the product page	”2. Measurements & fit on the product page” below

1. A size guide page

A regular page that gathers how to measure, how to choose a size, and so on.

Note

Whether page.size-guide is included depends on the build. In the admin, open a page, expand the Template list, and if page.size-guide is not there, this theme does not include it. In that case, write the measuring instructions and size tables in a regular page (page) and use it the same way.

1. In the admin, open Online Store → Pages → Add page
2. Write a title (for example, “Size guide”) and the content. Put the measuring instructions and size tables in the content
3. In Template on the right, choose page.size-guide and save

page.size-guide shows breadcrumbs (a “Home > Size guide” style location trail) at the top, followed by the page content. It does not build size tables automatically; what you write in the content is shown as is.

You can point shoppers to the page URL (for example, /pages/size-guide) from a menu such as the footer, via Online Store → Menus.

2. Measurements & fit on the product page

Add the “Measurements & fit” block to the product information section of the product page. It pulls only the size chart part out of the product description and shows it in a folded row.

1. In the theme editor, open a product page and choose “Measurements & fit” from the product information section’s “Add block” menu
2. Connect the product description to Source content
3. In the product description, insert a marker string right before the size chart (for example, <!-- size-chart -->). Enter the same string in Start marker and only the part after it is shown

For the list of settings and the steps to separate the chart from the description, see Measurements & fit (product page block). No metafields or metaobjects are needed: the text you write in the product description is used as is.