Garment Size Chart Setup Guide

Use a garment measurement chart when shoppers need to compare several sizes at once. This table uses one row per size and separate columns for chest circumference, length, and sleeve length. Replace the sample measurements with values from your actual garment before displaying the chart.

Setup tutorial · Table Master · Updated 2026-09-07 · By Activory

Try the storefront example

Choose M to compare the 104 cm garment circumference. Clear the filter and sort Garment chest cm to compare the whole size range.

This example uses Table Master storefront code with sample data and the settings below. Your theme’s fonts and available width can change the result. Example links show their destination; purchase controls use a sample cart. Use the checks below to confirm the finished setup in your store.

Build it in Table Master

1. In Table Master, create a database from Google Sheets or a spreadsheet file. Put the headings below in the first row and one record on each following row. Import only public storefront data.
2. Create a table view from that database. In Column type, set text identifiers to String. Set measurements and amounts to Number. Keep each unit in its heading.
3. Use Number for chest, body length, and sleeve length. Keep centimetres in the column headings.
4. Keep the source XS-to-XL row order as the default. A shopper can sort measurements without making alphabetical size order the standard.
5. Use a size filter only when it helps a long chart. Keep the measurement note visible on phones.
6. Save and publish the table view. Open the target page template in the theme editor. Add the Table Master app block and choose the table view. Save the theme and test the public page.

Example settings

• The starting design is Ocean blue with 8 px padding, left-aligned text, and Medium (6 px) rounded corners. In Design, choose Ocean blue under Table colors → Design template. Set all four Cell padding values to 8. Under Table style, choose Left for Text alignment and Medium (6px) for Rounded corners. Try the other presets and corner sizes above; Reset example restores this starting design.
• This example uses a standard table with Responsive table enabled and row borders. On phones, use the row control to read columns that do not fit. Use the starting design above before you compare the result.

Sample data and content

Use these values for a test. Replace them with checked product data, published destinations, and offers that your store can supply.

Should a size chart show garment circumference or half-chest width?

Keep one measurement method across the table. A flat half-chest measurement is not a chest circumference. Name the method in the column heading or nearby instructions. Use separate tables for ranges with different fit patterns instead of presenting one chart as universal store sizing.

1. Measure approved samples using one written method. Replace every sample number and keep any tolerance beside the chart.
2. Import the spreadsheet into Table Master and keep the size order that your customers expect. Check the numeric column types.
3. Show the size and main fit measurement first on mobile. Keep the measurement instructions above or immediately below the table.
4. Place this chart only on the relevant garment range. Compare the table with the available size options on those products.

Read the Table Master setup guide for the full app controls and placement options.

Check the finished setup

• Confirm that the M row matches a measured M garment and not a body-size recommendation.
• Check whether sorting sizes alphabetically breaks the intended XS-to-XL order.
• Compare the smallest and largest size rows after import to catch missing or shifted columns.

Common mistakes

• Do not convert half-chest measurements into full chest values without updating the labels.
• Do not use the example increments as a size-grading rule for your products.

Supported use

These examples contain reference data. They do not create Shopify products, stock, prices, shipping rules, or cart controls. Use the Shopify product import workflow when you need product and variant cart controls. Spreadsheet data changes when you import or sync it. Check the source before you use it as an inventory reference.

Table Master features, current app plans, and Table Master data sources explain the supported setup.

Related tutorials

• Header Filter Setup Guide: CM and Inches
• Finish Options Matrix Setup Guide
• Product Comparison Setup Guide

Browse all Table Master tutorials. Read how the examples are made or report a correction.