Skip to content

Add a size chart to the product page

You can add a size chart to your product page that will show page content in a modal.

For the size chart feature to work, your product will have to have at least one variant option to be able to display.

size chart admin variants

On the Product page section settings, add the variant option name in the Link from option setting.

size chart settings demo

You will then have to select in a page to display in the modal.

The example below, we created a page called Size chart and referenced it in the theme settings. On this page, we added an image of a size chart, but you can add any text, tables or image using the page's text editor.

To quickly create html tables for size charts, try a responsive table generator.

size chart admin demo

size chart modal demo

Tip — Change the 'Size Chart' button text

You can change the size chart text to something else in your Languages > Product page tab.

Read more about changing default text.