Shopify AI tabel design verfijnen: beschrijving, screenshot of URL

De maattabel klopt. De centimeters staan. 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 AI tabel design verfijnen is niet opnieuw Generate. Het is Refine with AI op de Design-stap: beschrijf de look, drop een screenshot, of plak een URL. Structure blijft staan. Overrides mergen pas ná confirm.

We schreven eerder hoe AI kleuren van je shop-URL pakt — dat is één van de drie inputs. Generate with AI maakt de draft. Hier: wanneer je beschrijving, screenshot of URL kiest, en waarom je níét Refine Structure indrukt als je alleen de schil wilt. De app is OO - Advanced Table Builder. Listing-URL blijft `tables-specs-comparisons`. 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 “verfijn deze maattabel tot hij op het thema lijkt”. Custom CSS in het thema breekt bij de volgende update.

Create and refine tables with AI splitst twee knoppen:

• Refine Structure — type blijft locked, maar rijen/groepen/tabs mogen herbouwen. Confirm vóór vervangen.

• Refine Design — beschrijving, screenshot of website-URL. Structure stays as-is; design-overrides mergen na confirm.

Verwar die twee niet. Opnieuw Generate kiest opnieuw een type en sample-structure. Dat wis je centimeters.

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 doen tot de tabel off-brand blijft

Alles handmatig in Design, vijf keer

Werkt. Traag als size chart, specs en Us vs Them dezelfde mint en hetzelfde font moeten krijgen.

Refine Structure “misschien pakt hij de kleur mee”

Hij herbouwt rijen. Het type blijft locked. Dat is de verkeerde knop voor alleen kleur.

Opnieuw Generate with AI

AI kiest type, vult sample, kan kleuren uit een afbeelding benaderen. Dat is een gok bij Create, geen huisstijl-pass. Refine Design is die pass.

Geen van die routes: Design → Refine with AI → één van drie inputs → confirm.

Drie inputs, dezelfde knop

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

Design settings somt de drie Refine-inputs:

1. Geschreven beschrijving — bijvoorbeeld “donkergroene accenten, crème achtergrond”. Geen URL, geen PNG. Handig als je merkrichtlijnen in een zin passen en de homepage te druk is.

2. Screenshot — een design dat je wilt benaderen. Zelfde formaten als Create: PNG, JPEG, WebP, GIF, max 4 MB. Handig als de huisstijl in Figma of een PDF zit, niet op een publieke URL.

3. Website-URL — de app leest publieke merkkleuren en fonts en mapt die op dit tabeltype. Publieke storefront, geen admin-URL.

Na confirm: Structure ongewijzigd. Geen nieuwe rijen. Geen gewijzigd type. Check zelf of mint nu jullie groen is en of het font in de buurt komt. AI is een draft; de docs vragen review.

Tip uit dezelfde AI-docs: ná Create moduletypes nalopen zodat Weight / Price / Color Shopify-modules zijn in plaats van custom attributes. Refine Design verandert die mapping niet. Doe de audit op Structure, de kleurpass op Design.

Plaatsing daarna: theme app block (Size chart, Specs, Compare, Tabbed, Us vs Them). Shortcode `[oo-table id=…]` alleen met app embed aan en tabel enabled. Customer-facing strings per locale in Settings — AI vult FR niet voor je.

Voorbeeld: specs-tabel, geen URL, wel een merksheet

Je hebt een Product Specs-tabel. Rijen kloppen, metafields gekoppeld. De homepage is een campagne-landing in neon; die URL wil je niet. De merkrichtlijn is één PNG: crème, donkergroen, geometrisch sans.

1. Open de tabel → Design. Niet Structure, niet Generate.

2. Refine with AI. Upload de PNG (onder 4 MB). Geen admin-link.

3. Confirm. Rijen nog hetzelfde. Chrome (cards vs classic) check je in de type-templates.

4. Storefront: productpagina, specs-block. Neon van de homepage mag niet in de tabel zitten.

5. Tweede tabel (size chart): dezelfde PNG nóg eens, of een korte beschrijving “zelfde groen, zelfde crème” als de eerste pass al goed was.

Had je wél een rustige homepage, dan was de URL sneller. Had je alleen de zin uit de brand guide, dan de beschrijving. Drie wegen, één knop.

Aan de slag

1. Installeer OO - Advanced Table Builder. Free.

2. Bouw of open een tabel waarvan de rijen kloppen.

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

4. Check Structure: geen gewiste centimeters. Check Design: kleur en font.

5. Theme block plaatsen. Specs niet via ATC auto-inject verwachten.

Claim niet dat AI altijd perfecte Shopify-modules of exacte Pantone-matches levert. De listing belooft de draft; de docs eisen de review.

Tot slot

Shopify AI tabel design verfijnen is de schil, niet de inhoud. Beschrijving als de richtlijn in een zin past. Screenshot als de huisstijl in een PNG zit. URL als de storefront de waarheid is. Structure blijft tot jij bevestigt.

Zet Refine with AI op Design in OO - Advanced Table Builder. Daarna lijkt de maattabel op je merk, zonder dat de centimeters opnieuw gegenereerd worden.