Shopify tabel mobiel responsive: leesbaar op de telefoon, niet smaller geplet

De shopper opent de maattabel op 390 pixels. Twaalf kolommen. Horizontaal scrollen tot XS verdwijnt. Wie Shopify tabel mobiel responsive zoekt, wil centimeters lezen zonder pinch-zoom — geen desktop-grid dat “wel schaalt”. Gecontroleerd op 10 november 2026: listing van OO - Advanced Table Builder (categorie *Mobile responsive*, app Free), docs Design settings overview en Size charts, plus Shopify Help Extend your theme with apps. Wijzigt Design een eigen mobiele breakpoint, of haalt de listing die categorie weg, dan herlees je die bronnen vóór je “responsive = alles past” in een brief zet.

Dit is niet floating maattabel. Dat stuk is blijven hangen tijdens scroll. Hier is breedte: wat de shopper op een telefoon nog kan lezen.

Native Shopify heeft geen maattabel-layout voor 390 px

Help Extend your theme with apps: app embeds en theme app blocks landen in het thema. Dawn schaalt je productgalerij. Een HTML-tabel in een page of metafield schaalt mee tot de letters onleesbaar zijn, of tot de rij van het scherm afloopt. Er is geen Shopify-schakelaar “maattabel op mobiel als popup”.

Een PDF in Files, gelinkt vanuit de beschrijving: op iPhone een download, geen cel naast Add to cart. Een screenshot van Excel: scherp op desktop, vaag op 2×.

Wat shops “responsive” noemen tot de retour komt

Twaalf maten als kolommen, inline onder de galerij. Op desktop netjes. Op de telefoon is kolom 1 “XS” al buiten beeld. De shopper kiest M op gevoel.

Specs als classic-tabel met acht rijen Vendor/SKU/gewicht/stof/voering/wasvoorschrift/land/EAN, gecentreerd in een theme-block dat de hele contentbreedte pakt. Op 390 px is dat een muur.

Custom CSS met `font-size: 9px` “zodat het past”. Listing noemt Custom CSS als weergave-optie; docs Design noemen templates, kleuren, fonts, spacing, chrome — geen kant-en-klaar mobiel-recept. Negen pixels is geen leesbaarheid. Zie custom CSS en iconen.

Geen van die drie is de categorie *Mobile responsive* op de listing. Dat is een belofte dat de *app* meeschaalt. Jouw structuur (aantal kolommen, display-mode) bepaalt of een mens het nog leest.

Wat listing en Design wél geven — zonder verzonnen breakpoint

Op 10 november 2026 is de listing Free, 5.0 uit 1 review. Categorieën o.a. Size charts, Table layout, Color and font, Custom CSS, Floating chart, Mobile responsive. Hero: style colors, fonts, templates; place on products, pages.

Docs Design: templates, kleuren, fonts, spacing, chrome (popup, tray, tabs). Per type:

• Size charts — popup versus plain, trigger, table colors.

• Product Specs — layout-templates (details panel, classic, cards, …).

• Comparison — grid/cards/spotlight, modal & tray.

• Tabbed / Us vs Them — tab-stijl en kolomvlakken.

Docs Size charts: display mode is popup-trigger of plain content. Geen derde “mobile-only” in die lijst. Mensen/women als aparte table blocks, niet één mega-grid. Cellen in fullscreen bewerken.

App embed + Size chart-block of auto-plaatsing boven Add to cart: theme app block, maattabel op de productpagina. Specs hebben geen ATC-auto-inject — alleen een theme block.

Bronnen onder de tabel: listing 10 nov 2026 (Mobile responsive, Free); Design settings; Size charts. Krijgt Design een echte viewport-toggle, dan hercheck je dit vóór je “altijd popup op mobiel” als app-feit opschrijft.

Popup versus inline: maattabel popup of inline. Specs-templates: product specs layout. Vergelijker: vergelijkingstabel layout. Design bijschaven met een merk-URL: tabel design AI. De listing van Advanced Table Builder blijft de CTA; de app is Free.

Praktijk: sweater, XS–3XL plus borst/taille/lengte

Merk “Polder Knit”. Drie meetrijen, acht maten. Native: een page “Maattabel” in de footer. Op de telefoon twee taps van Add to cart af. Excel-screenshot in de beschrijving: onleesbaar.

Wat ik op 10 nov 2026 zou doen. Size chart, popup. Triggerkort: “Maattabel”. Acht maten als eerste rij, drie metingen als rijen — niet andersom als dat twaalf kolommen maakt. Mannen/vrouwen niet in één grid. App embed aan, block op het productthema, Enable in Settings. Daarna de productpagina op de telefoon openen, niet alleen in de desktop-preview van de theme editor.

Zelfde product, specs (stof, gewicht, wasvoorschrift): layout cards of details panel, niet classic als je acht rijen hebt. Theme block onder de beschrijving. Geen auto-inject.

Vergelijker op de collectie: tray, niet vijf kolommen in de pagina. Twee producten is genoeg op 390 px; de derde past in de tray.

Test: Chrome device toolbar liegt over echte tap-targets. Eén echte iPhone-screenshot van popup open, specs-cards, compare-tray. Past de trigger over Add to cart, dan is de block-volgorde het probleem, niet “de app is niet responsive”.

Listing blijft Free. Geen plan-gate voor mobiel.

Aan de slag

Kies per type de chrome die op een smal scherm een overlay is (popup, tray, cards), niet een extra brede tabel. Splits charts. Zet Enable + embed + block. Open de URL op je telefoon. Pas daarna Custom CSS aan als de listing-optie écht nodig is — niet om 9 px af te dwingen.

Tot slot

Voor Polder Knit zou ik vanochtend de maattabel op popup zetten, specs op cards, en pas publiceren na een echte telefoon-check waarbij XS nóg in beeld is. Shopify tabel mobiel responsive is de listing-categorie, geen magische viewport in Design. Native Shopify schaalt HTML tot het onleesbaar is. Docs geven popup versus plain, templates en tray. Listing 10 nov 2026: Free, Mobile responsive als categorie. Zonder telefoon-test is “responsive” een vinkje. Wijzigt Design, dan is dit advies weg.

Zet de tabel live via de listing van OO - Advanced Table Builder en open Design plus Size charts in de docs voordat je twaalf kolommen inline op de productpagina laat staan.