Opening soon Every piece runs live on its page. Checkout opens at launch.
maisonblock

Docs · No. 02

Fitting

Fitting is a theme block for the product page. It recommends a size from height, weight, body shape and fit preference.

Set it up

  1. Upload blocks/mb-fitting.liquid and the three assets (see Installing any piece).
  2. Open a product template and add Maisonblock Fitting under the add-to-cart button.
  3. Paste your garment measurements into the size chart setting, in centimetres:
[{"size":"S","chest":100,"waist":94,"hips":100,"length":68},
 {"size":"M","chest":108,"waist":102,"hips":106,"length":70}]

Use garment measurements, not body measurements. Fitting adds the right ease for each fit preference.

Privacy

Answers stay in the shopper's browser (local storage) so later product pages already know them. Nothing is sent to us or to your store.

Accuracy

The recommendation is an estimate from height, weight and shape, compared with your chart. It shows the fit-match score and a size-by-size comparison so shoppers can see why. Tune the chart to your cut if returns tell you a size runs small or large.

All settings

Read directly from the file you download (version 1.0.0).

SettingTypeDefault
Default sizingselectmenswear
Default height unitselectcm
Default weight unitselectkg
Product swatch colourcolor#2f5d3f
Menswear chart (JSON)textarea[{"size":"S","chest":102,"waist":96,"hips":100,"length":68},{"size":"M","chest":108,"waist":102,"hips":106,"length":70},{"size":"L","chest":114,"waist":108,"hips":112,"length":72},{"size":"XL","chest":120,"waist":114,"hips":118,"length":74}]
Womenswear chart (JSON)textarea[{"size":"S","chest":91,"waist":77,"hips":97,"length":62},{"size":"M","chest":96,"waist":82,"hips":102,"length":64},{"size":"L","chest":102,"waist":88,"hips":108,"length":66}]