These size guide examples put measurements in context. A dog coat must fit the animal, a framed print must fit the wall, and a saucepan must hold enough food. The guides combine numbers with diagrams, instructions or comparisons that help customers make those choices.
maxbone opens a product-specific matrix and technical drawing from beside the size choices. Neck, belly and length measurements explain more than a Small or Medium label can. The guide needs to distinguish the animal's measurements from the finished garment and explain any room needed for comfort.
For your store
Label whether measurements describe the body or the finished garment.
Horizn Studios compares dimensions, capacity and weight in a side drawer, with suggested trip lengths. The packing context helps customers interpret a volume measurement. Suggested use still needs to remain distinct from airline restrictions, which depend on the carrier and journey.
For your store
Pair exact dimensions with a clearly qualified everyday comparison.
Our Place includes physical dimensions, cooking benchmarks and an imperial-to-metric switch. Food-based examples help customers picture how much a pan can hold. The guide should distinguish outside dimensions from usable cooking space where those figures differ.
For your store
Explain capacity through realistic cooking tasks.
Ten Thousand opens a side drawer from the size selector. It contains waist and hip tables along with instructions for taking those measurements. The explanation makes the chart usable for someone unfamiliar with the measuring points. Keep the instructions and relevant rows close enough to compare on a phone.
For your store
Show customers where and how to measure.
The Foggy Dog divides its human-apparel sizes into two stacked tables, covering XXS through 6X. The split avoids forcing every size into one wide row. Small-screen behavior was not visually verified, so overflow still needs checking. Repeated row labels help readers compare the two tables.
For your store
Keep extended size ranges readable with clear repeated labels.
House of Spoils shows framed prints above furniture and distinguishes image size from finished-frame size. Tabs switch between border and full-bleed treatments. The room setting gives the dimensions a visible scale. Consistent reference furniture and framing are important if customers are comparing sizes between examples.
For your store
Show the complete framed piece at a consistent room scale.
Hortology combines measurement drawings with questions about matching plants and pots. The guide addresses two related products that must fit together, so diameter alone would leave part of the choice unexplained. Detailed interaction timing was not captured; the reference is its organization of compatibility information.
For your store
Explain how the dimensions of related products fit together.
rabbit opens its guide beside the size selection and provides inches and centimeters, with separate tables for different garment types. The captured modal keeps keyboard focus inside until closed. The relevant product chart should be visible first so customers can check their size without searching unrelated tables.
For your store
Offer familiar units and open the chart relevant to the product.
Song Tea & Ceramics connects gram quantities, ounces and estimated servings in its size chart. This helps customers understand how much tea a package provides. Mobile interaction was not exercised. Serving figures also need to remain estimates because preparation and portion size can vary.
For your store
Connect package quantity to use while labeling estimates honestly.
Hylo Athletics places UK, EU, US and centimeter measurements in a drawer with fit advice. The chart scrolls horizontally, preserving column readability. Customers comparing systems need to keep their row identifiable while scrolling, with men's and women's scales clearly distinguished.
For your store
Keep international size conversions readable and their scales clearly labeled.
Sonic Editions offers framed and print-only choices, plus inches and centimeters, in its guide. An annotated diagram identifies the different dimensions. Customers can distinguish the artwork area from the space occupied by the complete frame and check the configuration they intend to order.
For your store
Name each dimension and mark exactly where it applies.
Reigning Champ lists the model's height and worn size near the selector and guide link. The photograph provides a fit reference, while the chart supplies measurements. If the model changes between colorways, those details need to stay aligned with the image currently shown.
For your store
Pair model sizing information with a measurement chart.
Bandit's drawer opens alongside the product, leaving the selected size in view. It lists chest, waist and hip ranges, unit controls and measuring instructions. Customers can relate the chart to their current choice. Clear body-versus-garment labels are still needed to interpret the ranges correctly.
For your store
Keep the selected product visible while explaining how to use its chart.
Story Mfg. puts chest, length and sleeve measurements in an expandable product-information section. The guide stays in the reading flow. These garment dimensions need explicit labels and any relevant guidance on intended ease so customers can compare them with a garment they own or their body measurements.
For your store
State whether the chart measures the garment or the wearer.
Jöttnar groups men's and women's body measurements in a side drawer, with chest, waist and inside-leg values in both unit systems. A blurred backdrop focuses attention on the chart. Closing the guide needs to return customers to their original product selection.
For your store
Keep measurement guidance closely connected to the size selection.
Ten Thousand pairs waist and hip tables with instructions for taking the measurements. maxbone uses a technical drawing beside its product-specific matrix. Before comparing numbers, customers need to know where to measure and whether the chart describes their body, an animal or the finished garment. State any intended room or ease separately from the measurements themselves.
Give the relevant chart priority. rabbit has different tables for garment types, while Jöttnar separates men’s and women’s measurements. A customer should not need to inspect unrelated tables to identify the right one. Test long rows and both unit systems on a small screen; The Foggy Dog’s captured table layout does not establish its mobile behavior.
House of Spoils uses furniture to give framed prints scale and distinguishes the image from the finished frame. Sonic Editions provides an annotated diagram and different configurations. Those distinctions matter when someone is checking the space a purchase will occupy. Use the dimensions of the selected configuration, not an attractive but differently framed example.
Other products need different explanations. Our Place adds cooking benchmarks to pan dimensions, Hortology explains how plants and pots fit together, and Song Tea & Ceramics connects package weights with estimated servings. Choose the comparison that answers the practical question. Keep estimates labeled as estimates, and avoid treating travel-use suggestions as proof that luggage meets every airline’s restrictions.
Place it beside the size or format selector, with a clear label. Customers need the information while choosing the item.
Explain what the measurements describe and how to take them. Add fit or compatibility guidance where relevant, and use diagrams or scale photographs when numbers are difficult to picture.
Offer both when customers use both systems. A switch or readable side-by-side values can work. Check conversions and the table width on mobile.
Either can be useful, but label which one it shows. Body ranges help customers choose a size; finished-garment dimensions help them compare a piece they own. Explain the measuring points and any intended ease instead of mixing the two.
Use the dimension that affects the purchase: a finished frame’s outside size, a pot’s fit with a plant or a pan’s usable capacity. Add an annotated drawing or consistent scale photograph when a table alone is hard to picture.
Give Fudge a goal and a reference. It suggests changes for your store, builds a draft in your Shopify theme and reports back. You review each change before it goes live.
See how the store editor works