Shopify size chart van screenshot: upload, AI-draft, daarna Structure

De leverancier mailt een PNG. Chest, waist, length in centimeters. Jij moet die grid op de productpagina, naast Size S/M/L. Overtypen in HTML is een middag en breekt bij de volgende theme-switch. Shopify size chart van screenshot in OO - Advanced Table Builder is de andere start: drop de foto, krijg een Size chart-draft, loop Structure na, plaats hem bij Add to cart.

Dit artikel is die screenshot-route voor *size charts*. De bredere AI-flow (alle tabeltypes, Refine Design via URL) staat in AI tabel generator. Waarom Men + Women geen één mega-tabel mogen zijn, staat in meerdere size charts. Hier: welk bestand, wat AI wél doet, wat jij ná Generate checkt, en hoe de chart op de PDP komt.

Listing-naam: OO - Advanced Table Builder. Docs zeggen soms Tables, Specs & Comparisons. CTA blijft https://apps.shopify.com/tables-specs-comparisons. Geen andere Online Origins-app.

Native Shopify heeft Size als variant, geen raster van een foto

Adding variants: max drie options, 2048 variants. Size is een option value (S/M/L), geen centimeter-tabel. De foto van de leverancier past daar niet in. Wat shops verder doen:

• de PNG in de productbeschrijving — onscherp op mobiel, niet per locale, niet naast de kiezer;

• één “Size guide”-pagina in het menu — te laat in de koopflow;

• Custom Liquid tot de volgende theme-update.

App blocks plaatsen iets bij de knop. Je hebt nog steeds een tabel nodig. Geen native knop “maak van deze screenshot een Size chart-block”.

Wat merchants nu proberen

1. De PNG 1:1 in de beschrijving

Werkt tot iemand op een telefoon inzoomt of de dameshoodie het herenraster toont.

2. Alles overtypen in Structure from scratch

Klopt. Traag als de bron al een nette grid is — precies het geval van een leveranciersscreenshot.

3. AI vertrouwen zonder Structure te openen

Create and refine tables with AI: na Generate review Structure & Design, then save. AI kiest een type, vult sample-structure, kan kleuren uit de afbeelding benaderen. Sample is geen live metafield.

4. Specs-block verwachten als tweede maattabel

Product Specs is een ander type. Auto-placement rules: Specs gebruiken alleen het Product specs-block. Geen ATC-auto-inject. Een screenshot van een maattabel hoort in type Size chart.

Geen van die routes is: screenshot ≤ 4 MB → Generate → aparte blocks als Men + Women in één foto zitten → Enable + placement.

Wat de screenshot-flow wél is

OO - Advanced Table Builder is Free, listing 5.0 (1 review). Gelanceerd 17 september 2026. Listing: size charts, specs, comparison tables, tabbed content, Us vs Them. Visuele builder of een AI-draft van beschrijving, foto of screenshot. Metafields koppelen, stylen, plaatsen, vertalen. Werkt met AI, Excel, Google Sheets. UI Engels.

Bullet op de listing: Generate tables with AI from a description, photo, or screenshot. Dit stuk is die photo/screenshot voor een size chart.

Quick start:

1. Apps → Tables, Specs & Comparisons → Create table.

2. Generate with AI (beschrijf of upload een screenshot) — of Start from scratch als je geen bronbestand hebt.

3. Type: Size chart (AI kan hem kiezen; check na Generate).

AI-create in detail:

1. Create table → Generate with AI.

2. Beschrijf kort (“hoodie size chart, cm, chest and length”) en/of drop een screenshot: PNG, JPEG, WebP, GIF — max 4 MB.

3. Generate. Review Structure & Design, daarna save.

Zelfde docs, letterlijk: Multiple charts in one photo (Men + Women) become separate blocks. Dat is geen extra feature-claim; het is de reden dat je de PNG niet als één HTML-tabel in de beschrijving moet dumpen.

Boven 4 MB: comprimeer of crop. Geen PDF in die lijst — claim geen PDF-upload. Een foto van een papieren kaart mag als JPEG/PNG, zolang de grid leesbaar is en het bestand onder de limiet blijft.

Wat je ná de draft checkt

• Type is Size chart, geen Specs of Tabbed.

• Men + Women (of kids) zijn aparte blocks, niet één samengevoegde tabel. Zo niet: Refine Structure with AI — type blijft locked — met tekst en/of een nóg duidelijkere crop. Confirm vóór je structure vervangt.

• Meetwaarden die in Shopify als variant-optie of metafield bestaan: koppel een Shopify-backed module, niet custom text. Tip uit dezelfde AI-docs: na create moduletypes nalopen zodat Weight / Price / Color naar Shopify-modules mappen. Voor een pure maattabel is dat vaak centimeters als measurement blocks; forceer geen Price-module omdat de screenshot toevallig een SKU-prijs toont.

• Design: template, kleuren, chrome. Size chart Display mode is popup vs plain — dat pad staat in size chart popup. Optioneel Refine Design met shop-URL of een huisstijl-screenshot; structure stays as-is.

Plaatsing: block of auto boven Add to cart

Screenshot-draft is nog geen storefront. Enable, visibility, and products: Enable aan. Disabled tabellen renderen niet. Size charts: All products of Selected products only. Herengrid alleen op heren-SKU’s, anders toont auto-placement de verkeerde chart. Interne description is admin-only.

Place tables with theme blocks: Customize → product template → Add block → Apps → Size chart. Het Size chart-block is visibility-based: welke chart verschijnt volgt Settings, niet een table-ID in het block (dat picker-patroon is voor Tabbed en Us vs Them).

Auto-placement: app embed aan én geen Size chart-block op de template → enabled Size charts die bij visibility passen kunnen boven Add to cart komen. Liggt het block er wél, wint het block. Meerdere matching charts: visibility strak houden of ze stapelen.

App embed: Theme settings → App embeds → Tables, Specs & Comparisons. Zonder embed geen auto-placement en geen shortcodes. Optioneel `[oo-table id=YOUR_TABLE_ID]` als blocks onhandig zijn; op de default PDP is het Size chart-block of auto-placement de onderhoudbare weg. Waar de chart landt, staat ook in maattabel op productpagina.

Voorbeeld: één leveranciers-PNG, twee grids

Bestand: `hoodie-size-eu.png`, 1,8 MB, JPEG/PNG, heren links, dames rechts, centimeters.

1. Installeer de listing. Create table → Generate with AI. Prompt: “size chart men and women, cm”. Upload (onder 4 MB).

2. Draft: AI kiest Size chart en kan twee blocks maken. Open Structure. Twee charts? Goed. Eén tabel met alle kolommen? Crop of Refine Structure: “separate men and women charts”.

3. Enable. Visibility: heren-producten vs dames-producten.

4. Theme: embed aan. Size chart-block bij Add to cart, of auto-placement als het block ontbreekt.

5. Storefront: herenhoodie toont herengrid. Geen Specs-block als tweede chart verwachten.

6. Meertalig: customer-facing strings later in Settings → translations. AI vult niet automatisch elke locale.

Tweede run: dezelfde foto, maar 6 MB. Comprimeer eerst. Generate weigert of faalt als je de 4 MB-limiet negeert — docs noemen die limiet hard.

Wat je nodig hebt om te starten

1. Installeer de gratis app via de listing.

2. Screenshot ≤ 4 MB (PNG/JPEG/WebP/GIF). Scherpe grid, geen PDF-claim.

3. Generate with AI → Structure (type, aparte blocks, modules) → Design → Enable + visibility → theme.

4. Test op een heren- én dames-SKU. Popup vs plain kies je in Design, niet in een tweede app.

5. Excel/Sheets: listing noemt import/export; als je al een schone sheet hebt mag je from scratch. Dit artikel is de fotobron.

Tot slot

Een Shopify size chart van screenshot is geen PNG in de beschrijving. Het is Generate with AI (max 4 MB), review tot Men + Women aparte blocks zijn, Enable met strakke visibility, daarna Size chart-block of auto-placement boven Add to cart. Specs krijgen geen ATC-inject. De listing belooft de draft; de docs eisen de review.

Open OO - Advanced Table Builder, drop de leveranciersfoto, en publiceer pas als Structure klopt — niet op de eerste AI-gok.