Shopify guides
Adding size charts to a Shopify store: placement, rules per product, themes, metafields, languages, phones and speed.
- How to add a size chart to ShopifyShopify has no size chart tool of its own, so you add one with an image, a page, metafields or an app. An app gives you real tables, the right chart on each product and a cm/in switch; the other ways mostly get you an image.6 min
- How to show a different size chart on each Shopify productLet the data your products already carry pick the chart. A rule on a tag, a product type, a vendor or a collection covers most catalogs, title and SKU conditions catch the rest, and exclusions and priority settle the overlaps.6 min
- Where to put the size chart on a product pageRight next to the size option, above Add to cart, as a link that opens the chart without leaving the page. On phones, a panel that slides up from the bottom. Inline and accordion layouts suit pages where the chart belongs in the details.5 min
- Adding a size chart to the Dawn and Horizon themesTurn on the app embed in the theme editor and save: on Dawn and Horizon, the Ruban Size link lands next to the size option by itself. Add the app block instead when you want a fixed spot, or the chart inline on the page.5 min
- Size charts and Shopify metafields: how they fit togetherMetafields add your own fields to products, and metaobjects let you define a kind of content, like a size chart, once and reuse it. You can build a chart from them yourself. Ruban Size uses the same pieces, so your charts live in your store and show without its servers.5 min
- How to translate size charts on ShopifyTranslate the words of a chart (its title, headers, measuring steps and notes) and leave sizes, numbers and size systems as they are. With Ruban Size, the guide's buttons already speak 22 languages and charts are translated in the app, field by field, with no Translate & Adapt needed.5 min
- Size charts on phones: why image charts failAn image chart made on a desktop shrinks to the width of a phone, so its numbers get too small to read, and it can't switch units, be searched or be read aloud. A real table in a panel that slides up from the bottom, with headers that stay put and big tap targets, fixes all of it.5 min
- Will a size chart app slow down your Shopify store?It can, but it doesn't have to. A size chart slows a page when the app fetches it from its own servers on every visit or loads heavy scripts up front. Written into the page by your theme from your store's own data, with a small script to open it, it costs very little.6 min
- How to make a size chart for your brand, from your samplesMeasure one finished piece of every size at the same points, laid flat, and write the numbers in a table with the sizes across the top. Check that each size steps up evenly from the last, say whether the numbers are the garment's or the body's, and add how to measure and a fit note.6 min
- How to add sizes to Shopify products as variantsOpen the product in your Shopify admin, add an option named Size in the Variants section, and type one value per size. Shopify makes a variant for each, with its own price, SKU and stock, and your theme shows them as the size picker.5 min
- Size info in product page tabs and accordionsTabs and accordions are a good home for the full size chart, how to measure and fit notes, as long as a size guide link also sits next to the size option. A tab below the buy button is easy to miss on a phone; the link is where the size gets chosen.5 min
- A free size chart for Shopify: what you can do at $0At $0 you can paste a chart into a product description or a page, build one from metafields, or use a free app plan. Ruban Size's Free plan holds 5 active size charts with every rule, the 39 templates and Find my size, in a popup with a small credit line.5 min
- A size guide page for your whole Shopify storeA size guide page lists every size chart of your store on one page, for shoppers who check sizes before they browse. Create a page in Shopify, give it a template with a size guide block, and link it from your menu. It adds to the link on each product; it doesn't replace it.5 min
Try Ruban Size on your store.
Free for 5 size charts. Pro and Fit start with a 14-day free trial, billed by Shopify.