Shopify-tabel in je merkhuisstijl: AI leest je website-URL

De size chart staat. De rijen kloppen. Op de productpagina ziet hij eruit als een default-grid: mint die niet van jullie is, een font dat nergens in het thema voorkomt. Shopify tabel design AI merkhuisstijl is niet opnieuw Generate. Het is de Design-stap: beschrijf de look, drop een screenshot, of plak de website-URL. De app leest publieke merkkleuren en fonts en mapt die op dit tabeltype. Structure blijft staan. Overrides mergen pas ná confirm.

Dit stuk is alleen die styling-pass. Generate with AI maakt de draft. Size chart van een screenshot haalt rijen uit een PNG. Hier: hoe je een bestaande tabel in de huisstijl trekt zonder de centimeters te wissen. De app is OO - Advanced Table Builder. Listing-URL blijft die handle. Docs zeggen soms nog Tables, Specs & Comparisons.

Structure is inhoud. Design is de schil.

Design settings stuurt templates, kleuren, fonts, spacing en chrome (popup, tray, tabs). Per type anders:

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

• Product Specs — details panel, classic, cards.

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

• Tabbed — tab style en kleuren.

• Us vs Them — highlight-templates.

Dat is geen tweede tabel. Dezelfde rijen, andere schil. Native Shopify heeft geen “pak de kleuren van mijn homepage en zet ze op deze maattabel”. Custom CSS in het thema breekt bij de volgende update. Een screenshot als image in de beschrijving is geen font.

AI-create kan kleuren uit een afbeelding benaderen. Dat is een gok bij Generate, geen huisstijl-pass. Refine Design is die pass.

Auto-placement geldt voor size charts (boven Add to cart als het Size chart-block ontbreekt) en compare (inject onder prijs). Product Specs = theme block. Geen ATC auto-inject claimen.

Wat shops nu doen tot de tabel “off-brand” blijft

Alles handmatig in Design

Werkt. Traag als je vijf tabellen dezelfde mint en hetzelfde font moet geven.

Opnieuw Generate with AI

AI kiest opnieuw een type en sample-structure. Je had de rijen al. Refine Structure lockt het type, maar vervangt wél rijen als je confirm’t. Dat is de verkeerde knop voor alleen kleur.

Custom CSS “tot we het later netjes maken”

Listing noemt Custom CSS. Dat is een ontsnapping, geen huisstijl-workflow. Een URL-pass in Design is de docs-route voor brand colors/fonts.

Refine Design: beschrijving, screenshot of URL

OO - Advanced Table Builder is Free, listing 5.0 uit 1 review. Listing: visuele builder of AI-draft, kleuren/fonts/templates matchen met je merk, plaatsen, vertalen. Werkt met AI, Excel, Google Sheets.

Op de Design-stap: Refine with AI. Drie inputs, dezelfde docs:

1. Een beschrijving — bijvoorbeeld “donkergroene accenten, crème achtergrond”.

2. Een screenshot van een look die je wilt.

3. Een website-URL — de app leest publieke merkkleuren en fonts en mapt die op jouw tabeltype.

Create and refine tables with AI: Structure stays as-is; design-overrides mergen na confirm. Geen nieuwe rijen. Geen gewijzigd type.

Screenshot voor Design is een stijlplaat, geen tweede Generate. PNG/JPEG/WebP/GIF, max 4 MB, hoort bij Create. Voor Refine Design noemen de docs “upload a screenshot” zonder dat limiet opnieuw; blijf redelijk, geen 20 MB-PSD.

Na confirm: open Design zelf. Popup versus plain (size chart) verandert AI niet automatisch in wat jij nodig hebt. Specs-template (classic vs cards) hetzelfde: kijk of de URL-pass het juiste template koos. Fonts die het thema niet laadt, vallen terug — claim geen perfecte theme-match zonder check.

Moduletypes (Weight / Price / Color) horen in Structure, niet in Design. Die check doe je ná Generate, níet door Refine Design. Custom attributes die live Shopify-velden hadden moeten zijn, los je niet met een URL.

Praktijk: specs-tabel, URL van de webshop

De specs-tabel voor een koffiezetapparaat staat: capacity, wattage, Weight als Shopify-module. Op de PDP is de tabel lichtgrijs, theme is zwart-goud.

1. Installeer de listing als dat nodig is. Open de tabel → Design.

2. Refine with AI. Plak `https://jouwshop.nl` (de publieke storefront, geen admin-URL).

3. Confirm. Structure: dezelfde modules, zelfde volgorde. Design: kleuren/fonts dichter bij de homepage.

4. Check template (classic vs details panel). Zet Enable. Visibility op de koffie-SKU’s.

5. Theme: Product specs-block op het producttemplate. Geen auto-inject naast Add to cart.

Tweede tabel, size chart: zelfde URL-pass. Display mode popup of plain kies je zelf. Auto-placement alleen als het embed aan staat en er geen Size chart-block is.

Meertalig: customer-facing strings in Settings → translations. AI-Design vult geen locales. Excel/Sheets blijft voor data; de URL-pass is geen import.

Een interne staging-URL of een wachtwoord-pagina geeft de AI weinig publieke tokens. Gebruik de live storefront of de merk-homepage die kleuren al toont. Bevestig daarna in Design of de contrasten nog leesbaar zijn op mobiel — mint-op-mint in een size-chart-popup is een bekende misser.

Aan de slag

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

2. Tabel met kloppende Structure. Type locked laten.

3. Design → Refine with AI → beschrijving, screenshot of website-URL. Confirm.

4. Controleer chrome en template. Save. Theme-block (of size-chart/compare auto-placement).

5. Storefront: zelfde rijen, merk-kleuren. Geen Specs naast ATC verwachten.

Tot slot

Shopify tabel design AI merkhuisstijl is Refine Design, geen tweede Generate. De docs: URL voor brand colors/fonts, structure intact, overrides na confirm. Native Shopify stopt bij metafields en een Size-optie. Deze app stylt de tabel die je al hebt.

Plak de shop-URL in OO - Advanced Table Builder en publiceer pas als de schil bij het thema past — de centimeters stonden er al.