Meerdere maattabellen op één Shopify-product: heren, dames, kids

Een unisex hoodie met één HTML-tabel “Heren | Dames | Kids” in de beschrijving. Op de telefoon valt de derde kolom weg. De shopper meet de kindermaat op de herenrij. Shopify meerdere maattabellen per product is het andere pad: drie losse Size charts op *dezelfde* productpagina — niet één overvolle tabel, en niet drie SKU’s alleen omdat de grid niet splitst.

Eerder gingen we over meerdere size charts per *collectie*: herenhoodie krijgt herengrid, dameshoodie de dames. Hier is de PDP die alle drie nodig heeft. De listing van OO - Advanced Table Builder noemt size charts; positioning: meerdere charts als aparte blocks. CTA blijft die listing (handle `tables-specs-comparisons`).

Eén product, drie grids, geen extra option

Shopify-varianten zijn S/M/L — geen centimetertabel. Adding variants: max drie options, 2048 variants. “Fit” als vierde option past niet. Line item properties bouwen geen maattabel. Native metafields kun je in de beschrijving plakken; dat is weer één HTML-blok.

Place tables with theme blocks heeft vijf blocks. Size chart is visibility-based: welke tabel toont volgt Settings, niet een table-ID in het block. Tabbed en Us vs Them kiezen wél een ID. Specs is een ander type — geen ATC auto-inject.

Wat shops doen tot de grid onleesbaar is

Eén brede tabel in de productbeschrijving

Heren/dames/kids naast elkaar. Desktop ogenschijnlijk compleet. Mobiel: horizontale scroll of afgesneden kolommen.

Drie producten “zodat elke grid eigen URL heeft”

Herenhoodie, dameshoodie, kidshoodie — zelfde stof, drie SKU’s. Voorraad en SEO lijden. De unisex-pagina blijft alsnog zonder nette drie grids.

Tabbladen in het thema, inhoud in metafields

Werkt tot iemand de metafield vergeet. Geen Size chart-type, geen popup/plain in Design, geen visibility per tabel.

Geen van die routes: drie enabled Size charts die op díé SKU matchen, en stacken bij het Size chart-block (of shortcode per ID).

Drie tabellen, één template — zo stacken ze

OO - Advanced Table Builder is gratis, 5.0 (1 review). Listing: size charts, specs, comparison, tabbed, Us vs Them. Visuele builder of AI-draft van beschrijving/screenshot. Excel / Google Sheets / AI. Geen andere OO-app in dit stuk.

Aparte Size chart-tabellen, niet één Structure-mega

Quick start: Create table → type Size chart, drie keer — of Generate with AI. Docs bij AI: meerdere charts op één foto (Men + Women) worden aparte blocks. Review Structure. Screenshot max 4 MB (PNG/JPEG/WebP/GIF).

In Structure: groups, modules, measurement blocks afhankelijk van het type. Heren, dames en kids horen niet als drie kolommen in één meetblok. Drie tabellen, of één Size chart met aparte measurement blocks — niet “er nog een kolom bij”.

Enable, visibility, and products: Enable aan. Size charts: All products of Selected products only. Voor *deze* unisex-SKU: alle drie op Selected, inclusief díé product. Zet je heren alleen op heren-SKU’s, dan ontbreekt die grid op de unisex-pagina — dat was het vorige artikel.

Eén Size chart-theme-block, matching charts stacken

Customize → Products → Default product (of de unisex-template) → Add block → Apps → Size chart, bij prijs / buy buttons. Auto-placement: embed aan en géén Size chart-block → enabled matching charts kunnen boven Add to cart. Met een block wint het block. Several matching charts: keep visibility tight or they stack. Op deze PDP *wil* je stacken. Op de rest van de catalogus: visibility strak, anders hangen drie grids onder elke trui.

Twee Size chart-blocks op dezelfde template pikken geen twee IDs. Het block is visibility-based. Een tweede block dupliceert hetzelfde matching-set — geen “block 1 = heren”. Voor een vaste tabel: shortcode `[oo-table id=YOUR_TABLE_ID]` (shortcodes), embed aan, tabel enabled. Of een Tabbed-tabel met drie tabs — dat is een ander type, eigen block, ID in de block-settings.

App embed: Theme settings → App embeds → Tables, Specs & Comparisons. Zonder embed geen auto-placement en geen shortcodes.

Design: popup of plain per Size chart (popup vs inline). Drie popups achter elkaar is zwaar; plain stacken of één Tabbed is vaak leesbaarder. Translations: klantgerichte strings per locale in Settings — ná Structure-wijzigingen opnieuw langs.

Praktijk: unisex hoodie, drie grids

Leverancier stuurt één PNG met heren, dames, 116–164. Generate with AI, 4 MB-limiet. Check: drie Size chart-tabellen, geen mega-kolom.

1. Enable alle drie. Visibility: Selected products → alleen de unisex-hoodie (en eventueel de matching collectie). Andere SKU’s krijgen hun eigen enkele chart, zoals in het eerdere stuk.

2. Unisex-template: één Size chart-block bij Add to cart. Embed aan.

3. Storefront: drie grids onder elkaar, of triggers als Design op popup staat. Geen Specs-block als tweede maattabel.

4. Test een heren-only SKU: daar mag de damesgrid niet stacken. Visibility, niet een extra theme-block.

Kids-lijn met toddler / kids / teen op één product: zelfde patroon, drie tabellen, één PDP.

Aan de slag

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

2. Drie Size charts (scratch of AI). Measurement blocks gescheiden. Enable + Selected products op díé SKU.

3. Embed aan. Size chart-block op de unisex-template, of shortcode per ID, of Tabbed als je tabs wilt.

4. Test unisex (stack) én een SKU met één chart (geen lek).

5. Specs blijft een ander type, zonder ATC auto-inject.

Tot slot

Shopify meerdere maattabellen per product is geen bredere HTML-tabel. Het is drie Size charts die op dezelfde PDP matchen en stacken — of shortcodes/Tabbed als je IDs vastzet. Native Shopify stopt bij Size als option. Visibility houdt de rest van de catalogus schoon.

Zet die blocks in OO - Advanced Table Builder en laat de volgende unisex hoodie heren, dames én kids tonen — zonder één onleesbare grid.