Shopify size chart popup: wanneer de overlay, wanneer de tabel in de pagina

De maattabel staat. Centimeters kloppen. Toch klikt niemand. Of omgekeerd: de hele grid duwt Add to cart onder de vouw op mobiel. Dat is geen Structure-fout. Dat is chrome. Een Shopify size chart popup is Display mode op dezelfde Size chart: trigger op de productpagina, tabel in een overlay. Plain zet die tabel in de template. Kies de verkeerde modus en shoppers meten niet — of ze scrollen voorbij de knop.

Dit artikel zoomt in op popup versus plain. We schreven eerder wat een size chart app is en waar je hem op de productpagina zet. Hier blijft Design: trigger-label, overlay, wanneer je naar plain schakelt.

Listing-naam: OO - Advanced Table Builder. Docs zeggen soms Tables, Specs & Comparisons. CTA: https://apps.shopify.com/tables-specs-comparisons.

Het probleem: de variantkiezer wint van de beschrijving

Adding variants: max drie options, 2048 variants. Size is S/M/L, geen chest 92–96 cm. Shoppers die wél centimeters nodig hebben, zoeken een tabel *naast* die kiezer. Een PDF in het menu of een HTML-tabel onder reviews is te laat. App blocks plaatsen iets bij de knop; jij moet nog kiezen of dat “iets” een knop + overlay is of de grid zelf.

Op een telefoon is de keuze harder. Een twaalf-koloms raster inline duwt Buy buttons omlaag. Een trigger die niemand ziet, opent nooit. Display mode is die afweging — geen tweede app.

Wat merchants nu proberen

1. Altijd inline “zodat iedereen het ziet”

Op desktop prima. Op mobiel verdwijnt Add to cart. Bounce.

2. Altijd popup “want dat is netjes”

Als de trigger “Size guide” in het thema-blauw op mint valt, of onder de vouw zit, opent niemand hem. Retouren blijven.

3. Comparison-modal hergebruiken als maattabel

Comparison heeft tray en modal via de app embed, plus een eigen Add to compare. Dat is een ander type. Size chart-chrome is popup vs plain in Design van het Size chart-type. Mix ze niet.

Geen van die routes: één Size chart, Structure vast, Display mode omzetten zonder de centimeters opnieuw te typen.

Hoe Advanced Table Builder de chrome zet

OO - Advanced Table Builder is Free, 5.0 uit 1 review, gelanceerd 17 september 2026. Listing: size charts, specs, compare, tabbed, Us vs Them; visuele builder of AI-draft; metafields; vertalingen; plaatsing op producten en pages. Comparison-categorie noemt Pop-ups; display options: Floating chart, custom text, mobile responsive. Dat zijn listing-labels; voor Size charts specificeren de docs Display mode.

Size charts:

• Display mode — popup trigger of plain content.

• Trigger label, kleuren, fonts, table-surface.

Design settings overview: chrome (popup, tray, tabs) per type. Size charts: popup vs plain, trigger, table colors. Zelfde tabel, andere schil. Structure (text / table / image-blocks, Men+Women als aparte table-blocks) blijft staan als je van modus wisselt.

Wanneer popup

• De grid is breed (veel maten, twee pasvormen in aparte blocks).

• Je wilt de buy-buttons hoog op mobiel houden.

• Shoppers kennen “Maattabel” als knop naast Size.

Zet het Size chart-block dicht bij prijs / buy-buttons. Visibility volgt Settings, geen table-ID in het Size chart-block (ID-picker is voor Tabbed en Us vs Them). Trigger-tekst kort houden. Vertaal die trigger in Settings → translations als je Markets meer talen hebt — customer-facing strings, niet de admin-description.

Wanneer plain

• De tabel is klein (één pasvorm, paar rijen).

• Tests tonen dat de trigger wordt overgeslagen.

• De chart ís de beslissingsinfo (bijvoorbeeld één maatvoering voor custom meubel).

Plain zet de grid in de template. Auto-placement (docs) kan enabled Size charts boven Add to cart zetten als de embed aan staat en er geen Size chart-block is. Dat vangnet geldt voor het type, niet extra voor popup. Met een block wint het block — popup-trigger of plain grid, afhankelijk van Design.

Wat popup niet is

• Geen Specs-overlay. Specs: alleen Product specs-block, geen ATC-auto-inject.

• Geen comparison-tray. Tray/modal horen bij Comparison + embed.

• Geen tweede Structure. Geen extra tabel-ID verplicht voor de Size chart-block.

Enable the app embed: zonder embed geen auto-placement en geen shortcodes. Theme block alleen volstaat als je de plek zelf zet. Enable + visibility: uitgeschakelde tabel toont geen trigger.

Optioneel: Refine Design met beschrijving, screenshot of website-URL voor brand colors/fonts; Structure blijft na bevestigen intact.

Voorbeeld: hoodie-popup, sokken-plain

Hoodie: Size XS–XL, twee table-blocks Men/Women, image-block met meetdiagram. Display mode popup, trigger “Maattabel”. Size chart-block boven Add to cart op Default product. Privévenster, telefoonbreedte: trigger zichtbaar *vóór* de knop; overlay toont beide blocks.

Sokken: vijf rijen EU-maat. Popup is overkill. Zelfde app, tweede Size chart, Display mode plain, visibility Selected products → sokken. Geen twaalf-koloms overlay voor vijf cellen.

Niet één Display mode voor de hele catalogus. Per chart.

Wat je nodig hebt om te starten

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

2. Quick start: Size chart → Structure → Design (popup of plain) → Enable + visibility → embed + block of auto-placement.

3. Test de trigger op mobiel. Geen klik? Label of plek wijzigen, of naar plain.

4. Men/Women als aparte blocks houden — meerdere size charts.

5. Claim geen Specs-auto-inject. Pitch geen andere OO-app.

Tot slot

Een Shopify size chart popup is chrome, geen extra product. Popup houdt de PDP kort; plain toont centimeters zonder extra klik. Structure en placement blijven hetzelfde. Native Shopify stopt bij de Size-option. Kies de modus in Design, test de trigger naast Add to cart, en schakel om als shoppers ‘m negeren.

Installeer Advanced Table Builder en zet Display mode vóór je de volgende retour “verkeerde maat” uitzoekt.