Theme Stack Guide

How to Add a Size Chart to a Shopify Product Page

October 31, 2026

Add the chart as a collapsible row or a link directly beside the size selector on the product page, not as a page linked in the footer. Use your theme's metafields so each product type gets its own chart: one chart for the whole store is wrong for at least half of it. On mobile the chart must open in place without a page load, and the measurements that matter, usually chest, waist, and inseam or their equivalents, go first.

Every apparel store knows it needs a size chart. Most put it where it does no work: a standalone page, linked from the footer, written once for the whole store. Then returns come back marked too small from customers who never saw a chart at all, and the store concludes size charts do not help.

Size charts help when they are at the point of decision, specific to the garment in front of the customer, and readable on a phone in under ten seconds. That is a theme and content job, and it is mostly mechanical once you see it.

Placement is the feature

The size selector is where sizing doubt happens, so the chart link belongs within a few pixels of it, labeled with the words the customer is thinking: Size guide. A chart behind a footer link or a tab below the reviews might as well not exist. In Dawn and most current themes, a collapsible row block on the product template, or a pop up link block beside the variant picker, does this without code.

Pop ups beat page loads. A customer who has to leave the product page to read measurements has to find their way back, re pick a size, and remember a number. A chart that opens over the page keeps the decision in one place, and stores that move from linked pages to in place charts see the difference in return reasons, not just clicks.

One chart per product type, via metafields

A store wide chart is a fiction. Your tees, your denim, and your footwear do not share measurements, and a chart that averages them misleads on all three. The clean setup in a modern theme is a page or metafield per product type, connected to the product template so a shirt pulls the shirt chart and a shoe pulls the shoe chart.

Write the chart for the garment, not the body alone: garment measurements, laid flat, with a line on how the fit runs, runs small, true, relaxed, based on what your returns actually say. Fit notes from return data are the most honest sizing content a store owns, and almost none publish them.

The mobile and measurement details

Most sizing checks happen on phones. The chart must not require pinch zooming: keep it to the three or four measurements that decide fit, in a table that fits the screen, with units the customer uses and the other unit beside it if you ship across borders. A twelve column chart is a desktop artifact.

State how to measure, in one line per measurement, with the garment or body point named plainly. Customers measuring wrong produce the same returns as customers with no chart. And keep the chart current when a supplier changes: a stale chart is worse than none, because the store vouched for it.

Related reading

Related reading: Add a Backorder Notice on a Shopify Product Page That Buyers Actually Read, Add a Gift Card Balance Check on Shopify: Stop the Support Tickets, and Add Back in Stock Alerts on Shopify: Capture the Sale You Already Earned.

Frequently asked questions

Does Shopify have a built in size chart feature?

Not as a dedicated feature. The standard route is a chart page or metafield shown through a block on the product template, which current themes support without an app. Apps exist for stores that want automatic chart matching across many suppliers, but most stores under a few product types do not need one.

Should the size chart show body or garment measurements?

Garment measurements are more honest for a specific product, and pairing them with a short fit note covers most buyers. Body measurement charts work when the store controls its patterns tightly. Whichever you choose, say which it is on the chart itself; mixing the two silently is the classic error.

Where exactly should the size guide link sit?

Immediately beside or under the size variant selector, before the buy button. If your theme only offers a collapsible row lower on the page, use it, but move it above the description. The test is whether a first time visitor can find it without scrolling past the purchase controls.

Can a size chart actually reduce returns?

It reduces the fit returns caused by guessing, which for most apparel stores is a large share of size returns. It will not fix returns caused by bracketing or quality disappointment, and it only works if the measurements are true. Stores see the effect in return reason codes over a season, not a week.