# How do you add a size chart to a Shopify product page without an app? | Theme Stack Guide

Source: https://themestackguide.com/add-size-chart-shopify-product-page/

A size chart belongs within one tap of the size picker. You can add one without an app three ways: link a size guide page from the product template, put the chart in a collapsible row on the product page, or drive per-product charts from a metafield. The collapsible row is the sweet spot for most stores: visible where the decision happens, hidden until needed, no app scripts slowing the page.

## Option 1: link a size guide page

Create a page in the admin under Content, build your size table there, and add a "Size guide" link next to the variant picker in the product template. Most modern themes already have a size chart page setting or a popup block for exactly this. This is the fastest option and it gives you one chart to maintain for the whole store. The downside is the friction: shoppers leave the product context, and many will not come back to the size they were considering.

## Option 2: collapsible row on the product page

In the theme editor, open the product template and add a collapsible row block to the product information section. Title it "Size guide" and paste your table into the row content. This keeps the chart one tap away from the variant picker, which is where fit anxiety peaks. Use one storewide chart if your sizing is consistent across products. Keep the table simple: columns for size, chest or waist, and length are enough. Shoppers will not read a twelve-column matrix on a phone.

## Option 3: metafield-driven per-product charts

If different products need different charts, say tops versus bottoms versus footwear, use a product metafield. Create a multi-line text metafield called something like `custom.size_chart`, connect it to the collapsible row's content using a dynamic source, and fill in each product's chart in the admin. This is more setup work up front but it scales: every product shows exactly the right chart, and you edit charts in the product editor instead of in theme code.

## What makes a size chart actually work

Measure the garments, not the bodies. Shoppers cannot measure themselves into your chart reliably, but they can compare your listed garment measurements against a piece they own that fits. Add a one-line "how to measure" note with it. Include both inches and centimeters if you sell internationally. And keep the chart honest: if your medium runs small, the chart should say so plainly. A chart that flatters the brand but misleads the shopper just converts a return into a bad review.

## Test it on a phone

Tables are the failure point on mobile. A wide table that forces horizontal scrolling inside a collapsible row will be ignored. Keep columns to four or fewer, use short headers, and check that the text stays readable at phone width. If the chart cannot survive a phone screen, trim columns before you publish.

## The verdict

Start with a collapsible row and one storewide chart. Move to metafield-driven charts when products genuinely need different tables. No app needed, no extra scripts, and the chart sits exactly where the size decision happens.

Do I need an app for size charts on Shopify?
:   No. A collapsible row block with your table, or a size guide page linked from the product template, covers most stores. Apps add scripts and cost for something the theme can do natively.

Should each product have its own size chart?
:   Only if sizing genuinely differs between product types. One accurate storewide chart beats five slightly different ones that shoppers cannot tell apart.

## Frequently asked questions

### How do I add a feature to Shopify without an app?

Check the theme editor first: many features exist as sections or settings. Next, look for a metafield plus a small template change. Apps are the last resort, not the first, because each one adds cost and load time.

### Will adding apps slow my store down?

Each app that injects scripts into your storefront can add load time, especially on mobile. Audit apps quarterly, remove the ones nobody uses, and measure after each change so you know what each addition costs.

### Where do I edit Shopify theme sections?

In the theme editor under Online Store, Themes, Customize. Sections can be added, reordered, and configured per template. Deeper changes live in the code editor, which is where you should duplicate the theme before touching anything.