Shopify verschillen highlighten in een vergelijkingstabel

Mini 1,2 kg, Pro 1,8 kg, Max 2,4 kg. In de modal zien ze eruit als drie even lange rijen. De shopper zoekt het verschil met de ogen. Shopify verschillen highlighten in vergelijking is geen extra SKU en geen screenshot in een page. Het is hoe OO - Advanced Table Builder vergelijkingstools groepeert: highlight differences, filter and sort, show and hide — en hoe de docs dat vullen met live attribuutrijen. Gecontroleerd op 11 november 2026: listing (Free, 5.0 uit 1 review), docs Comparison table, Design settings overview, Comparison placement en Us vs Them. Wijzigt de listing die categorie, of Comparison krijgt een eigen “diff”-toggle in de docs, dan herlees je die bronnen vóór je “de app kleurt vanzelf het verschil” belooft.

Op 3 november: Us vs Them highlight-kolom. Dat is jij vs “de rest”, vaste cellen. Hier is de live vergelijker: shopper kiest SKU’s, waarden komen uit Shopify.

Native Shopify heeft geen runtime-vergelijker

Collectiekaarten, search, een metafield “gewicht” op de productpagina. Geen tray waarin Mini + Pro blijven staan tot de modal opent. Geen rijen die per geselecteerd product opnieuw vullen. Shopify Help over producten en varianten lost dat niet op. Een page met een screenshot van Excel is statisch de dag na de prijslijst.

Wat shops tot die tijd bouwen:

• Een tabel in de productbeschrijving. Mini-prijs in de tekst. Pro wijzigt, de tekst niet.

• Drie specs-blokken onder elkaar. Geen naast-elkaar.

• Us vs Them voor twee SKU’s. Dat type is merk vs concurrent, geen picker.

Geen van die routes is: jij definieert attribuutrijen, de storefront vult cellen uit elk gekozen product.

Wat “highlight differences” op de listing wél is

Live listing (11 nov 2026): Free. UI Engels. Categorieën onder comparison tools: comparison table, multi-product, variants, specifications, filter and sort, highlight differences, show and hide. Works with AI, Excel, Google Sheets. Geen Premium-kaart.

Docs Comparison table: jij zet attribuutmodules (Weight, Price, options, custom attributes). Groeperen mag. Placeholder-labels “Product 1 / Product 2” zijn alleen admin-preview. Docs, letterlijk: *Do not hard-code per-product cell values for live comparison rows. The storefront fills cells from each selected product.*

Dat is het highlight-mechanisme dat ik op 11 nov 2026 wél mag claimen: het verschil is zichtbaar omdat de waarde live is, niet omdat jij Mini groen en Pro grijs hebt geverfd in een cel. Een echte “diff”-toggle (alleen rijen kleuren die ongelijk zijn) staat niet in de Comparison-docs. Die niet verzinnen. Filter and sort en show and hide staan wél op de listing; in de docs van Comparison gaat het over Structure-modules, Design (grid / cards / spotlight) en placement.

Us vs Them wél: kolom highlighten, yes/no/text, optionele CTA. Ander table type, ander theme-block. Verwar dat niet met Comparison.

Bronnen onder de tabel: listing 11 nov 2026; Comparison table; Us vs Them; Design settings. Krijgt Comparison een highlight-toggle in de docs, dan mag de derde rij een stappenplan worden. Tot die tijd: live modules, geen hardcoded Mini-cel.

Placement: app embed verplicht voor tray/modal. Compare-button theme-block, of auto-inject onder de prijs. Specs hebben geen inject naast Add to cart. Zie vergelijkingstabel op de productpagina en tray/modal. Design-keuze grid vs spotlight: layout — dat kleurt de look, niet welke SKU’s erin zitten.

Praktijk: drie speakers, gewicht en vermogen als Shopify-modules

Shop “Noord Audio”. Mini / Pro / Max. Gewicht en wattage staan al op de variant. Wat ik op 11 nov 2026 zou doen:

1. Create table → Comparison (of AI-draft, daarna modules nalopen).

2. Structure: Shopify-modules Weight en Price, plus een metafield voor wattage — geen custom attribute “1.2 kg” in een cel. Docs FAQ: Comparison vult uit product/variant data.

3. Design: spotlight als Max moet winnen in de blik, grid als je drie kolommen gelijk wilt. Templates kleuren de chrome; ze vullen geen gewicht.

4. Settings: tabel enabled, visibility de speaker-collectie. Embed aan. Compare-knop op product én, als je wilt, op collectiekaarten (placement docs: show on product cards).

5. Storefront: Mini + Pro in de tray, modal open. Gewicht verschilt. Hardcoded “licht / zwaar” in een custom rij liegt zodra Mini een nieuwe variant krijgt.

AI mag de draft zetten. Review moduletypes: Weight/Price/Color als Shopify-modules, niet custom. Dat hielden we al bij AI vanaf beschrijving. Mobiel: popup/cards/tray eerst, dan een echte telefoon — responsive. Geen knop = geen modal: vergelijkknop ontbreekt.

Us vs Them blijft voor “waarom wij, niet het merk ernaast”. Daar highlight je een kolom. Hier highlight de data zichzelf, als je stopt met cellen vullen.

Aan de slag

Kies Comparison, niet Us vs Them, als de shopper SKU’s kiest. Koppel live modules. Embed + knop of auto-inject. Preview twee echte producten, niet de admin-placeholders. Listing van OO - Advanced Table Builder blijft Free; beloof geen paid “highlight pack”.

Tot slot

Op 11 november 2026 zou ik Mini vs Pro niet in een productbeschrijving-tabel zetten en niet in Us vs Them forceren. Ik zou één Comparison-tabel met Weight/Price/wattage als Shopify-modules, embed aan, en de modal op twee echte SKU’s openen tot het kilogramverschil vanzelf opvalt. Een verzonnen “kleur alleen de ongelijke rijen”-knop claim ik niet — die staat niet in de Comparison-docs. Wijzigt de listing of die docs, dan is dit advies weg. Tot die tijd is het verschil de live cel, niet de verf.

Installeren: OO - Advanced Table Builder.