Skip to content

Getting Started

Welcome to Qivra Size Chart — size charts and size recommendations for your storefront. Shoppers see a size guide on the product page, switch between cm and inches or between US/UK/EU/JP size systems without a page reload, and can get a recommended size with the reason behind it.

FeatureWhat it does
Size charts on any themeAdd the Size chart app block once in your theme editor — charts appear on matching product pages right away
Assign by rulesMatch charts by collection, tag, vendor, product type, title, SKU, or metafield — with priority order when several rules match
cm ↔ inch, US/UK/EU/JPEach column carries its own unit; shoppers switch unit systems and size systems inside the chart with no page reload
Market-aware unitsShoppers in your US market see inches first; everywhere else sees centimetres — you can override any market
Size recommender — freeShoppers enter height & weight or their measurements and get the best size with a fit breakdown of every size, on every plan
Import anythingPaste a table, upload CSV/JSON, fetch a supplier’s web page, or scan your existing product descriptions — review, then commit
Translate chart contentNot just buttons — translate chart names, column labels, and size labels into every language your shop sells in (Shopify Markets)
Theme health checkThe app warns you when its block goes missing from your published theme — before customers notice
Export anytimeDownload all charts, templates, and rules as JSON on any plan, including free — your data is never locked in
  1. Create a chart. Enter your measurement table in the chart editor, choose whether numbers describe the shopper’s body or the garment laid flat, and set units and size systems.
  2. Assign it to products. Add a rule in Assignment — for example, collection is “Tops” — and publish. Products matching the rule show that chart automatically.
  3. Add the block once. In your theme editor, add the Size chart app block to your product template. Every chart appears on matching products — no theme code needed.

On a product page, shoppers find a Size guide link (you choose where: next to the size label, under the size options, as a floating button, or an expandable row). It opens a popup with your measurement table rendered as a real table — fast, with no layout shift.

  • Switch Metric / Imperial and US / UK / EU / JP size systems inside the chart.
  • Hover a size option to preview its row of measurements.
  • Tap Find my size, enter height & weight (or exact measurements), and get a recommended size with the reason — then tap Select size M to pick it in the variant picker.

When you first open the app, the Home page shows a Set up your size charts guide:

  1. Create your first chart — go to Charts → Create chart.
  2. Assign it to a collection — go to Assignment, add a rule, and publish.
  3. Add the block in your theme editor — the guide links you straight into the theme editor with the right context.

Home also tracks three numbers: Charts live, Rules covering products, and Recommender uses (30 days).

Play