Shopify tabbladen productinformatie: specs, tekst en images achter tabs

De productpagina heeft alles: verzending, materiaal, onderhoud, een specificatietabel, twee foto’s van de pasvorm. Op desktop is het een essay onder de vouw. Op mobiel is het scrollen tot Add to cart verdwijnt. Shopify tabbladen productinformatie is de layout die die blokken achter tabs zet — Details, Specs, Verzorging — in plaats van één rijke tekst die niemand uitklikt.

Dit artikel is het Tabbed-type in OO - Advanced Table Builder. Listing-naam: OO - Advanced Table Builder. Docs zeggen soms nog Tables, Specs & Comparisons. CTA blijft die listing-URL. We behandelden product specs als live velden, en Us vs Them als vaste USP-kolommen. Hier: tabs op de productpagina, met een specifiek table-ID in het Tabbed-block. Geen auto-inject naast Add to cart.

Pitch geen andere Online Origins-app.

Native Shopify heeft tabs niet als productgrid

Theme app blocks geven je een plek. Ze vullen geen tab-labels, geen tabel per tab, geen vertaling per locale. Wat shops plakken:

• HTML `<details>` in de beschrijving — thema-afhankelijk, geen Design-stap;

• een page “Meer info” in het menu waar de shopper de PDP verlaat;

• een collapsible-row van het thema die bij een theme-switch verdwijnt.

Geen van die routes is: type Tabbed, content/table/image per tab, block dat *die* tabel kiest.

Wat merchants nu proberen

1. Alles in de productbeschrijving

Materiaal, maatadvies en verzending in één rich-text. Google indexeert het. De koper ziet het niet bij de knop.

2. Specs-block verwachten als tabs

Product Specs is een ander type: live Shopify-velden, visibility-based, geen ATC-auto-inject (Auto-placement rules). Tabs zijn geen Specs-template. Mix ze niet in één block.

3. Size-chart-popup voor “alle extra info”

Size charts hebben Display mode popup vs plain. Dat is een maattabel, geen verzendtab. Auto-placement boven Add to cart geldt alleen size charts als het Size chart-block ontbreekt. Tabbed krijgt die fallback niet.

4. Custom Liquid met drie knoppen

Breekt bij theme-update. Geen Settings → translations, geen AI-draft, geen metafield-modules die live blijven.

Geen van die routes is: Tabbed-table, Enable aan, Tabbed tables-block met het juiste ID.

Hoe Tabbed in de app zit

OO - Advanced Table Builder is Free, 5.0 uit 1 review, gelanceerd 17 september 2026. UI Engels. Works with: AI, Excel, Google Sheets.

Listing: size charts, specs, comparison tables, tabbed content, Us vs Them. Visuele builder of AI-draft van beschrijving of screenshot. Product- en variant-metafields koppelen. Stylen, plaatsen op producten, pages en andere templates, klantgerichte tekst vertalen. Display options noemen templates, custom CSS, color and font, multi-language, product page, mobile responsive.

Quick start: Create table → kies type Tabbed (of Generate with AI). Structure: “Add groups, modules, tabs, or measurement blocks depending on the type.” Prefer Shopify-backed modules (Weight, Price, options, metafields) als de waarde live moet blijven. Custom attributes alleen zonder Shopify-bron. Na AI: moduletypes nalopen.

Positioning uit de docs-lijn: Tabbed = tekst, tabellen, images achter tabs. Geen claim dat AI altijd perfecte Shopify-modules kiest.

Design settings: voor Tabbed tab style en content/table colors. Chrome (popup, tray, tabs) zit in Design, niet in een tweede app. Optional: Refine with AI op Design via beschrijving, screenshot of website-URL voor brand colors/fonts — structure blijft intact tot je bevestigt.

Settings: Enable aan. Disabled tabellen renderen niet, ook met block. Enable, visibility, and products: Size chart/Specs/Comparison hebben All products vs Selected products. Tabbed & Us vs Them worden expliciet in de block-picker gekozen (op table). Interne description is admin-only.

Plaatsing: altijd het table-ID

Place tables with theme blocks somt de blocks:

• Size chart — visibility-based

• Product specs — visibility-based

• Compare button — optionele Compare-plaatsing

• Tabbed tables — kies een specifiek Tabbed-table

• Us vs Them — kies een specifiek Us vs Them-table

Stappen: Customize → template (vaak Products → Default product) → Add block → Apps → Tabbed tables → selecteer de tabel in de block-settings → Save. Docs raden Size chart/Specs aan bij prijs / buy-buttons. Tabs horen lager, onder de buy-sectie, zodat de knop vrij blijft — dat is layout, geen extra feature.

Auto-placement voor Tabbed & Us vs Them: altijd de specifieke tabel in het matching theme block (of een shortcode). Geen inject onder de prijs, geen auto boven Add to cart. Claim geen Specs-auto-inject; Specs gebruiken alleen hun block.

App embed: Theme settings → App embeds → Tables, Specs & Comparisons. Shortcodes hebben de embed nodig.

Optioneel shortcode `[oo-table id=YOUR_TABLE_ID]` uit Settings (docs), tabel enabled. Voor HTML-secties of pages waar blocks onhandig zijn. Op de standaard-PDP is het Tabbed-block onderhoudbaarder.

Vertaal tab-labels en trigger-tekst in Settings → translations — customer-facing strings, niet de admin-description. Listing: fully translate all table text for every language you sell in.

Voorbeeld: koffiebonen, drie tabs

Een NL-shop verkoopt single origin. De beschrijving mengt herkomst, malingsadvies en verzending. Je maakt een Tabbed-table: tab Herkomst (tekst + image), tab Zetadvies (kleine tabel), tab Verzending (tekst). Enable aan. Theme Editor: Tabbed tables-block, dit table-ID, onder de buy-buttons. App embed aan. Geen Size-chart-auto-placement verwachten. Op de DE-markt: dezelfde structuur, labels vertaald in Settings.

Tweede fout: het block staat er, Enable staat uit. Storefront leeg. Of je koos het Us vs Them-ID in het Tabbed-block. Types zijn niet uitwisselbaar.

Wat je nodig hebt om te starten

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

2. Quick start: Create table → Tabbed, of Generate with AI (screenshot max 4 MB).

3. Structure: tabs met tekst / tabel / image. Shopify-modules waar het kan.

4. Design: tab style + kleuren. Optional Refine with AI.

5. Enable. Customize → Tabbed tables-block → dit table-ID. Embed aan.

6. Storefront checken. Labels vertalen als je meerdere locales verkoopt.

Tot slot

Shopify tabbladen productinformatie is geen thema-collapsible en geen Specs-auto-inject. Het is type Tabbed, Enable, en een block dat *die* tabel kiest. Zonder ID geen tabs. Zonder Enable een leeg block.

Zet de tabs live via de Advanced Table Builder-listing en kies het table-ID in het Tabbed-block voordat je de beschrijving leegtrekt.