Shopify maattabel met meetdiagram: centimeters die je kunt zien

Chest 52, waist 48, length 70. Voor jou is dat een hoodie M. Voor de koper is het een rij getallen zonder anker. Waar meet je chest? Over het kledingstuk of over het lichaam? Shopify maattabel met meetdiagram is die anker: een plaatje hoe je meet, daaronder de tabel. Zonder diagram gokt iemand de maat, of opent een size-guide drie klikken verder, of bestelt twee maten.

Native Shopify geeft je Size als variantoptie. Geen diagram, geen “meet zo”. OO - Advanced Table Builder heeft daar in Structure een image-block voor, boven de measurement table. We legden uit wat een size chart app is en waar de tabel landt. Hier alleen de opbouw: diagram + tabel, heren/dames uit elkaar, maten links.

Listing-naam: OO - Advanced Table Builder. Docs zeggen soms Tables, Specs & Comparisons. CTA blijft de listing. Free. 5.0 uit 1 review.

Een maat-optie legt de pasvorm niet uit

Adding variants laat Size als één van drie options. De shopper kiest M. Hij ziet niet of M 52 cm borst is, of hoe hij die 52 cm moet meten. Productbeschrijving onder de fold, een pagina “Maattabel” in het menu, een PNG van de groothandel in de media — geen van die drie hangt het diagram aan de buy-knop.

HTML in de beschrijving mengt tekst, tabel en een foto die op telefoon onleesbaar is. Eén spreadsheet met heren én dames naast elkaar wordt acht kolommen. Theme-specifieke size-guides verdwijnen bij een switch.

Wat ontbreekt: blocks. Plaatje, dan tabel. Tweede tabel voor dames. Geen acht kolommen.

Wat merchants plakken tot de retouren komen

Alleen de tabel. Chest / Waist / Length. Retourreden: “zat anders dan ik dacht.” Ze hebben over het lichaam gemeten, jij over het kledingstuk.

Diagram als derde productfoto. Tussen lifestyle-shots. Niemand swipe’t ernaartoe vóór Add to cart.

Eén CSV: kolommen XS–XL heren, daarna XS–XL dames. Op mobiel horizontale ellende. Building structure zegt het anders: size charts gebruiken blocks voor tekst, measurement tables en images. Keep separate charts as separate table blocks.

Structure: image, dan tabel, dan de tweede tabel

Quick start: Create table → type Size chart (scratch of Generate with AI). Structure: groups, modules, measurement blocks. Design: template, kleuren, chrome (popup of plain). Settings: Enable. Theme: app embed + Size chart-block, of auto-placement boven Add to cart als dat block ontbreekt.

Building structure voor size charts:

• Blocks voor tekst, measurement tables en images

• Aparte charts als aparte table blocks

• Slepen om te ordenen

Praktische volgorde:

1. Image-block — hoe-meet-ik: borst horizontaal, taille, mouwlengte. Geen logo, geen lifestyle. Eén duidelijke lijntekening.

2. Tekstblock (optioneel) — “centimeters over het kledingstuk, plat.” Eén zin.

3. Table-block heren — maten in de eerste kolom (of eerste rij als je zo ontwerpt), centimeters in de rest.

4. Table-block dames — tweede block, niet extra kolommen in block 3.

Create with AI: beschrijving en/of screenshot (PNG/JPEG/WebP/GIF, max 4 MB). Multiple charts in one photo (Men + Women) become separate blocks. Review Structure. Daarna eventueel Refine with AI; het type Size chart blijft locked.

Design: popup of inline. Structure blijft als je de chrome wisselt. Design settings: triggertekst, tabelkleuren.

Plaatsing: Size chart-block bij de variantpicker. Auto-placement: embed aan en geen Size chart-block → enabled charts boven Add to cart. Block aanwezig: het block wint. Specs hebben geen ATC auto-inject — ander type, eigen block. App embed: Theme settings → App embeds → Tables, Specs & Comparisons.

Enable uit = niets op de storefront, block of niet. Visibility: All products of Selected. Hoodie-diagram niet op broeken.

Praktijk: hoodie, twee pasvormen, één plaatje hoe je meet

Hoodie unisex-SKU, heren- en damesmaten verschillen in de schouder. Leverancier stuurt een PNG: links man, rechts vrouw, bovenin een stickfigure met pijlen.

1. Create table → Size chart, of Generate with AI en die PNG (onder 4 MB).

2. Controleer Structure: image-block bovenaan; table-block Men (XS–XL in kolom 1, chest/waist/length ernaast); table-block Women apart. Ligt alles in één grid: splitsen, niet kolommen bijplakken.

3. Tekstblock: plat meten, centimeters.

4. Design: popup, trigger “Maattabel”. Kleuren naar het thema; optioneel Refine Design vanaf je shop-URL.

5. Enable. Selected products: deze hoodie (en de hoodie-collectie als de pasvorm hetzelfde is).

6. Theme: Size chart-block boven Add to cart. Privévenster, telefoonbreedte: trigger vóór de knop; overlay toont diagram plus beide tabellen zonder horizontaal te slepen.

Geen Price-module forceren omdat de screenshot toevallig een SKU-prijs toonde. Dit is een maattabel, geen specs.

Aan de slag

1. Installeer OO - Advanced Table Builder (Free).

2. Size chart. Image-block met meetdiagram. Tabel heren, tabel dames als aparte blocks. Maten eerst.

3. Enable + visibility. App embed aan. Block op de producttemplate, of auto-placement.

4. Test op telefoon: diagram leesbaar, tabellen niet acht kolommen breed.

Vertaal klantgerichte strings per locale in Settings als je in meerdere talen verkoopt. Het diagram is een image; plan een locale-specifieke variant als de pijlen tekst bevatten.

Shortcode `[oo-table id=YOUR_TABLE_ID]` is optioneel, embed aan, tabel enabled. Handig op een size-guide-pagina. Op de default producttemplate is het Size chart-block onderhoudsvriendelijker: visibility volgt Settings, niet een ID in het block. Tabbed en Us vs Them kiezen wél een ID — dit is geen Tabbed-tabel. Gooi heren/dames niet in tabs als je een diagram plus twee grids wilt; dat is Structure binnen één Size chart.

Tot slot

Shopify maattabel met meetdiagram is geen extra variant “M”. Het is Structure: plaatje hoe je meet, dan de centimeters, heren en dames in losse blocks. Native Shopify stopt bij de size-optie. OO - Advanced Table Builder zet het diagram bij Add to cart — popup of inline — zodat Chest 52 ergens bij hoort.