Shopify product specs layout template: details panel, classic of cards in Design. De structure blijft gelijk; je wijzigt alleen hoe specs eruitzien.
2026-10-20

Shopify product specs: layout-template kiezen (niet de inhoud)

De specs staan. Gewicht uit Shopify, materiaal uit een metafield, een custom regel “wasbaar tot 40°”. Op de productpagina oogt het als een saaie definitielijst. Je wilt kaarten. Je wilt geen tweede tabel bouwen.

Een Shopify product specs layout template zit in de Design-stap van OO - Advanced Table Builder. Docs noemen details panel, classic en cards. Design verandert de *look*. Structure (rijen, groepen, modules) blijft staan.

Free. Listing-handle `tables-specs-comparisons`. Gisteren ging het over shortcodes op een pagina. Eerder over de specificatietabel zelf. Hier alleen het jasje.

Structure eerst, Design daarna

De builder loopt Structure → Design → Settings → Theme. What is Tables, Specs & Comparisons? zegt het in die volgorde. Product Specs toont live Shopify-velden en custom attributes van *dit* product. Geen auto-inject naast Add to cart — Specs plaats je met het Product specs-theme block.

Design settings per type:

  • Size charts — popup vs plain, trigger, kleuren.

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

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

  • Tabbed — tabstijl.

  • Us vs Them — highlight-templates.

Switch je van details panel naar cards, dan blijven Weight en Color dezelfde modules. Je herschikt geen rijen. Je wisselt de mal.

Refine with AI op Design: beschrijving (“donkergroene accenten, crème achtergrond”), screenshot, of een website-URL waarvan de app publieke merkkleuren/fonts leest. Na bevestigen merge je alleen design-overrides. Structure blijft locked. Type van de tabel ook — een Specs-tabel wordt geen Size chart door een andere template.

Kleuren, fonts, spacing, chrome horen bij Design. Custom CSS mag de listing. Import/export en Excel/Sheets staan op de listing; die vullen cellen, geen layout.

Wat shops doen tot alles een tweede tabel wordt

HTML in de productbeschrijving. Verdwijnt bij een theme-switch. Volgt metafields niet.

Een nieuwe Specs-tabel per look. Classic voor collectie A, cards voor B — terwijl de modules identiek zijn. Onderhoud verdubbelt. Eén tabel, twee templates is het Design-model. (Zichtbaarheid per product regel je in Settings; dat is geen tweede structure.)

AI op Structure om “mooier” te maken. Refine on Structure houdt het type locked en kan rijen herschikken. Voor alleen de look: Refine on Design.

Specs in een shortcode gieten “zodat het anders oogt.” Shortcode plaatst dezelfde tabel. [oo-table id=…] verandert de template niet. Gisteren: shortcode als Add block ontbreekt. Niet als skinswitch.

Welke mal wanneer

Docs geven de namen, geen formele “gebruik cards als…”. Praktisch, zonder extra claims:

  • Details panel — compact naast de buy-kolom, kenmerk/waarde in een paneel. Past bij veel specs op een technische PDP.

  • Classic — herkenbare twee-koloms tabel. Vertrouwd, scanbaar, weinig opsmuk.

  • Cards — elk kenmerk in een tegel. Rustiger bij weinig rijen (gewicht, maat, materiaal).

Kies in Design. Preview. Pas kleuren/fonts aan, of Refine with AI + URL van je webshop zodat mint en het body-font overnemen. Bevestig. Structure-tab: zelfde groepen.

Plaatsing: Online Store → Themes → Customize → producttemplate → Add block → Apps → Product specs. Docs: zet Specs in de buurt van prijs/buy, zodat shoppers hem zien tijdens het beslissen. App embed auto-plaatst size charts en compare, niet Specs.

Meerdere talen: klantgerichte strings (titels, labels) vertaal je in Settings → translations. De layout-template is niet per locale een ander type — het is dezelfde mal, andere copy.

Na AI-generatie van de tabel: loop moduletypes na. Weight, Price, Color horen Shopify-backed modules te zijn, geen custom attributes die je later met de hand bijhoudt. Dat is Structure-werk, *vóór* je in Design cards aanzet. Een verkeerde module in een mooie card blijft een verkeerde module.

Visibility-regels in Settings bepalen op welke producten de tabel verschijnt. Dat is geen tweede template. Eén Specs-tabel, classic op alle PDPs, cards als je later van gedachten verandert — dezelfde zichtbaarheid.

Listing 5.0 uit 1 review. Templates staan bij Display options naast color, font, Custom CSS, import/export. “Templates” op de listing is dus Design, niet een apart product.

Praktijk: vier specs, drie looks, één structure

Shop “Filament & Form” verkoopt lampen. Modules: Power (Shopify), Diameter (variant metafield), IP-waarde (custom), Materiaal (custom).

  1. Installeer Advanced Table Builder. Nieuwe Product Specs, of AI-draft uit een korte beschrijving. Modules nalopen: Power moet een Shopify-module zijn, geen nóg een custom attribute.

  2. Structure klaar. Nog niet publiceren.

  3. Design → layout classic. Kleuren van de PDP. Save.

  4. Theme block Product specs op Default product, onder de prijs. Embed aan. Tabel enabled in Settings.

  5. Te “Excel”? Terug naar Design, template cards. Structure-tab: nog steeds vier modules. Geen tweede tabel.

  6. URL van de store in Refine with AI (Design). Accents volgen het thema. Bevestigen.

Us vs Them of Comparison is een ánder type. Die hebben hun eigen templates (highlight, grid/spotlight). Gooi specs daar niet in omdat cards “vergelijkender” oogt.

Aan de slag

  1. Open de listing en maak of open een Product Specs-tabel.

  2. Rond Structure af (Shopify-modules waar het kan).

  3. Design: details panel, classic of cards. Eventueel Refine with AI.

  4. Settings: enable + zichtbaarheid.

  5. Theme: Product specs-block. Geen ATC-auto-inject verwachten.

Claim geen Premium-tier. Claim niet dat AI altijd de juiste Shopify-module kiest zonder review. Pitch geen andere OO-app.

Tot slot

Een Shopify product specs layout template is details panel, classic of cards — een mal in Design, geen nieuwe inhoud. Structure blijft de bron. Specs komen op de PDP via een theme block, niet via de compare-inject onder de prijs.

Kies de mal in OO - Advanced Table Builder, plaats het block, en laat Weight een Shopify-veld blijven terwijl alleen het jasje wisselt.

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