Size chart

Create a Size Chart Page

1. In your Shopify admin, navigate to Online Store > Pages.
2. Click on Add page and create a new page for your size chart. Include all relevant sizing information and save the page.

Add the Size Chart to the Product Page

1. Open the Theme Editor by going to Online Store > Themes and clicking Edit theme on the Atlas theme.
2. Navigate to a product page in the theme editor.
3. In the sidebar, find the Variant Picker settings.
4. Under Size chart page, select the size chart page you created earlier.

Open the Default Theme Content Settings

1. In your Shopify admin, go to Online Store > Themes.
2. Click on the three dots button (⋯) next to the Atlas theme.
3. Click Edit default theme content.

Add Your Custom Option Names

1. Select the Configuration tab.
2. Under Size chart options, enter the name(s) of the product option(s) that should trigger the size chart. You can enter multiple names separated by a comma. For example:

Size, Band size

Create a Page Metafield

1. In your Shopify admin, navigate to Settings > Metafields.
2. Click on Products and then Add definition.
3. Create a new metafield definition for your size chart. For example, you can name it "Size Chart" and set the type to Page reference.

Assign Size Charts to Products

1. Go to your product list in the Shopify admin.
2. Open a product and scroll down to the metafields section.
3. Find the "Size Chart" metafield you created and assign the appropriate size chart page to the product.

Add the Metafield to the Theme Editor

1. Open the Theme Editor by going to Online Store > Themes and clicking Edit theme on the Atlas theme.
2. Navigate to a product page in the theme editor.
3. In the sidebar, find the Variant Picker settings.
4. Under Size chart page, select the metafield you created for the size chart.