Shopify floating maattabel: listing noemt Floating chart. Docs: popup of plain. App embed 'float' volgens Shopify Help. Check 8 nov 2026, app is Free.
2026-11-08
Dennie Meijs

Shopify floating maattabel: blijft in beeld, zonder de koopknop weg te duwen

De shopper scrollt voorbij Add to cart naar de reviews. De maattabel zat *boven* die knop. Hij is weg. Een PDF in het menu vindt hij niet. Dat is het probleem achter Shopify floating maattabel: de centimeters moeten beschikbaar blijven terwijl de pagina beweegt — zonder een twaalf-koloms raster over de koopknop te schuiven. Gecontroleerd op 8 november 2026: listing van OO ‑ Advanced Table Builder, docs Size charts en What is Tables, Specs & Comparisons?, plus Shopify Help Extend your theme with apps. Wijzigt Design “Display mode”, of haalt de listing Floating chart weg, dan herlees je dit vóór je “een zwevende tabel” in een thema-briefing zet.

Popup versus inline staat al in maattabel popup of inline. Hier is de derde term op de listing: Floating chart.

Native Shopify laat een HTML-tabel meescrollen — tot hij weg is

Adding variants (8 nov 2026): max drie options, 2048 variants. Size is S/M/L, geen borst 92. Centimeters horen naast de kiezer, niet in een pagina onder de vouw.

Een thema-tabel in de productbeschrijving is *plain content*. Hij scrollt mee. Weg. Shopify Help over app embeds, letterlijk: elementen die float or display as an overlay. Dat is Shopify’s woord voor “blijft boven het thema”, niet jouw CSS `position: sticky` in een sectie die zelf verdwijnt.

Wat shops nu doen tot de retouren blijven:

Sticky CSS op een HTML-tabel. Breekt op mobiel. Duwt Add to cart weg. Geen Design-mode.

Alleen popup, trigger onder de vouw. Overlay is goed. Niemand opent hem. Zie maattabel kleuren en trigger.

Comparison-tray als maattabel. Ander type. Comparison heeft tray/modal via de embed; Size chart is popup of plain. Mix ze niet.

Listing zegt Floating chart. Docs zeggen twee Display modes.

Listing 8 nov 2026: Free, 5.0 uit 1 review. Categorieën o.a. Size charts, Pop-ups, Floating chart. Geen betaald plan.

Docs Size charts → Design: Display mode — popup trigger or plain content. Plus triggerlabel, kleuren, fonts. Geen derde bullet “floating”. Docs overview: size charts zijn “popup of inline”.

Eerstehands, 8 nov 2026: ik beloof geen klikpad “kies Floating” dat de docs niet hebben. Wat wél klopt:

Bron

Wat er staat

Wat je ermee doet op de PDP

Listing

Floating chart (naast Pop-ups, Size charts)

Verwacht een schil die *niet* met de beschrijving verdwijnt

Docs Design

popup trigger of plain content

Overlay + knop, of de grid in de template

Shopify Help app embed

“float or display as an overlay”

App embed aanzetten zodat de Size chart boven Add to cart kan komen, ook zonder theme block

Docs placement

Size chart theme block of auto-placement boven ATC

Block = plek in de sectie (scrollt mee). Embed = overlay/float in Shopify-termen

Bronnen: listing 8 nov 2026; Size charts-artikel (~2 maanden geleden); Help Extend your theme. Als Design later een derde mode “floating” krijgt, is deze tabel te kort.

Size chart Design: Display mode popup versus plain, naast listing-term Floating chart — gecontroleerd 8 nov 2026

Auto-placement via de embed is het mechanisme dat Shopify zelf “float” noemt. Dat staat apart: size chart automatisch plaatsen. Een theme block in de productsectie is géén float: hij verdwijnt als de sectie verdwijnt. Popup-chrome is de overlay ná de klik — nuttig, maar de trigger moet wél in beeld blijven.

Praktijk: jeans, twaalf maten, reviews onder de vouw

Shop “Denimlijn”. EU 32–44, twee pasvormen als aparte table-blocks (docs: niet mergen). Meetdiagram als image block. Inline op mobiel duwt Buy onder de vouw. Popup met trigger “Size guide” in het Engels op een NL-store opent niemand.

Wat ik op 8 nov 2026 zou doen:

  1. Size chart, Display mode popup — de grid zelf float niet over de hele PDP als open tabel; de overlay komt op verzoek. Trigger vertalen, kleur als het thema, zie kleuren en trigger.

  2. App embed aan, zodat auto-placement de trigger boven Add to cart zet. Dat is de float die Shopify beschrijft. Theme block extra alleen als je hem nóg ergens wilt.

  3. Geen sticky HTML. Geen comparison-tray.

Plain/inline alleen als de tabel vier rijen is (babypakje). Jeans: niet. Listing Floating chart lees ik als “niet meescrollen tot hij weg is” — bevestig in Design na install, want de docs hebben die term nog niet.

App is Free. Geen Premium-gate. Structure (maten, diagram) blijft staan als je Display mode wisselt.

Aan de slag

Installeer vanaf de listing. Maak een Size chart. Design: popup of plain. Theme: embed aan, controleer de PDP: trigger boven ATC ná scroll naar reviews? Zo ja, heb je de float die Help bedoelt. Zo nee, de trigger zit in een sectie die wegzakt — verplaats of vertrouw de embed, niet een extra block onder de beschrijving.

Tot slot

Voor Denimlijn zou ik popup + app embed kiezen, niet een sticky tabel en niet plain op mobiel. Shopify floating maattabel is op 8 nov 2026 een listing-term plus Shopify’s embed-definitie; de docs hebben nog twee Display modes. Native HTML scrollt weg. Listing: Free, Floating chart. Docs: popup of plain, auto-placement boven ATC. Help: embeds float/overlay. Wijzigt Design, dan is dit advies weg.

Zet de Size chart live via de listing van OO ‑ Advanced Table Builder en check de trigger ná het scrollen, niet alleen bovenaan de PDP.

Deze blog werd u aangeboden door:

team member foto

Dennie Meijs

Mede-eigenaar / Projectmanager / E-commerce specialist

Dennie combineert zijn achtergrond als UX Designer met zijn brede ervaring als projectmanager binnen E-commerce en IT om elk project succesvol tot een einde te brengen.

social icon

Mogelijk ook interessant:

Wanneer reken je Shopify-verzendkosten via dimensional weight? Maten, deler en Advanced-plan, nagekeken op 8 november 2026.

shopify

2026-11-08
Dennie Meijs

Wanneer reken je verzendkosten op Shopify via dimensional weight?

Wanneer heeft een Shopify-collectie een productvergelijker nodig? Tray, embed en metafields, nagekeken op 8 november 2026.

shopify

2026-11-08
Dennie Meijs

Wanneer heeft een Shopify-collectie een productvergelijker nodig?

online origins logo full

Dé Shopify select partner voor ambitieuze e-commerce bedrijven die willen groeien!

linkedin online origins iconinstagram online origins icon

Reviews

5/5

Bekijk op Google

Mail: info@onlineorigins.nl

Tel: 073 234 0612

KVK: 89825624

BTW: NL865123639B01

Bruistensingel 500,
5232 AH 's-Hertogenbosch
Cookies

© 2026 Online Origins