A shopper likes the product, finds their usual size, and pauses. Does “medium” mean the same thing here? Is the width measured across the item or all the way around it?
A size label needs enough context to make a decision. Your customer should not have to guess what the measurements describe.
For a Tempe store selling online, start with the product questions you answer in person. Put those answers beside the choice customers are making on the website.
Explain what the measurements describe
Separate the size label from the measurement. Small, medium, and large are choices in your catalog. The measurements explain what those choices mean for this particular product.
For clothing, say whether the chart describes the customer's body or the finished garment. For a home product, identify the relevant dimensions and anything that changes them. A width without a unit or measuring method leaves work for the shopper.
Imagine a Tempe shop selling shirts from two suppliers. Both offer a medium, but each supplies its own sizing information. Copying one chart across the collection would hide the distinction customers need to see.
Use the approved information for the exact product or model. If something is unclear, confirm it with the supplier or the person responsible for the product before publishing. Do not fill a missing measurement by estimating from a photograph.
- What
- The body, garment, or object being measured.
- Where
- The start and end points, shown and explained.
- How
- The unit and method used for this product.
Keep all three beside the numbers.
Write down how to take or compare the measurement. A short annotated drawing can help show the start and end points. Keep the wording consistent with the chart; a diagram of a flat garment should not silently stand in for a body measurement.
Give each product the right guide
Decide which products can accurately share a guide. Group by the measurements and method that apply, rather than assuming everything in one collection uses the same sizing.
On Shopify, product metafields can hold information beyond the ordinary product fields. Shopify gives dimensions and size charts as examples. Themes that support dynamic sources can connect most metafields through the theme editor; other setups may need theme code. Read Shopify's metafield guidance.
Shopify also documents a size-chart approach using a product page-reference metafield and a pop-up block. You assign the relevant chart page to each product. That tutorial requires a theme with dynamic-source support. It warns that a product using the template without a page reference can still show a link that opens an empty pop-up. See Shopify's size-chart tutorial.
Make that missing-chart case part of the review. Open a product with a guide, one using a different guide, and one that should not have a guide at all. Check the customer-facing result in each case.
Keep the chart readable on a phone
Place a clearly named size-guide link near the size choice. Customers should be able to consult it and return to the product without losing their place or selection.
Prefer real text and a table for measurements. Use an illustration to explain where to measure, with the same instructions available in words. Avoid making a screenshot of a spreadsheet the only way to read the information.
Give every measurement a unit. If you offer more than one unit, check the conversions and labels against the approved source. Keep any rounding consistent with the precision your product information actually supports.
Ask your developer to associate table headers with the data they describe. For a table with row and column headers, W3C explains using header cells and their direction so the relationships are clear to assistive technology. Read W3C's table guidance.

Check the guide on a narrow phone and with larger text. Make sure the units stay understandable, long labels remain readable, and any pop-up can be opened and closed with a keyboard. Return to the size selector and confirm it is still usable.
Follow the selected size into the cart
The guide helps someone decide. The product options need to preserve that decision.
Shopify represents combinations of options, such as size and color, as product variants. Inventory can be managed for each variant. Shopify explains variants here.
Use the same size labels in the guide and the selector. If the chart calls a size “medium” and the selector says “M,” make the relationship obvious. Check that every offered size has the information needed to choose it.
Choose a size, change the color, and inspect the selected options again. Add the item to the cart and check the displayed size, color, and quantity. Try an unavailable combination too; the page should clearly explain what can actually be ordered.
- GuideFind the correct product and size label.
- SelectorChoose the size and color you intend.
- CartConfirm those same options arrived.
If you offer collection, check the selected variant through that route as well. Our Shopify store-pickup guide covers the collection promise and the team's handoff.
Help when the chart does not settle it
Give shoppers a clear way to ask a sizing question. Ask for the product name or link and the specific point they need explained. Make sure the person replying has access to the same approved measurements.
Avoid a blanket “size up” instruction unless the product information supports it. Explain relevant fit details accurately, and be honest when your team cannot guarantee how an item will fit an individual customer.
Keep the return or exchange policy easy to find before purchase, and make sure it matches your actual terms. A useful chart does not replace that information.
Product discovery is a separate part of the journey. Our store-search guide covers helping someone find the item; this review starts when they need to choose its size.
Review sizing when the product changes
Name the person who owns the sizing information. Keep the source, product or model, measuring method, and last check together so the next editor knows what they are updating.
Review the guide when a supplier changes a product, you introduce a new range, or customer questions reveal an unclear instruction. Check all products sharing a chart before changing it. One edit may affect more pages than the one you have open.
Our editable-website guide covers giving your team clear boundaries for routine changes. Include sizing fields and shared charts in those instructions.
Your Tempe business website should make the product easier to understand. Our e-commerce service can help connect useful product information with a dependable buying path. Tell Brandon where shoppers get stuck choosing a size.
