Vergelijkknop ontbreekt op de Shopify-productpagina

De comparison table staat in de app. Rijen Gewicht, Prijs, Materiaal. Op de PDP: niets onder de prijs, geen “Add to compare”, tray opent niet. Collectiekaarten evenmin. Je zoekt Shopify vergelijkknop ontbreekt. Meestal is dat geen kapotte tabel, maar plaatsing: embed uit, tabel uit, visibility mist het product, of noch auto-inject noch het Compare-blok.

OO - Advanced Table Builder (docs zeggen soms nog Tables, Specs & Comparisons) is Free. 5.0 uit 1 review. Size charts, specs, comparison, tabbed, Us vs Them. CTA blijft die listing.

Op 22 oktober: tabel groepen en modules. Dat is structuur. Dit is de knop die de tray vult.

Wat de knop nodig heeft (docs, geen giswerk)

Drie lagen, alle drie:

1. App embed. Docs Enable the app embed: de embed voedt shortcodes, de comparison tray/modal-runtime, automatische Compare onder de prijs, en size-chart-plaatsing boven Add to cart als er geen Size chart-block is. Theme blocks alleen zijn niet genoeg voor tray, Compare auto-inject, size-chart auto-placement of shortcodes.

Aanzetten: Online Store → Themes → Customize (live theme) → Theme settings → App embeds → Tables, Specs & Comparisons → Save.

2. Tabel enabled + visibility. Docs Enable, visibility, and products: uitgeschakelde tabellen renderen niet, ook niet met een block. Comparison: All products of Selected products only. Selected geldt op productpagina’s. Mist jouw SKU in de selectie, dan geen knop — terecht.

3. Iets dat de knop plaatst. Docs Comparison placement options en Auto-placement rules:

• Auto-inject under price — als het Compare button theme block *niet* gebruikt wordt, zet Add to compare onder de prijs via de embed.

• Of het Compare button-block in de theme editor op de producttemplate.

• Optioneel: Show on product cards voor collectie-/productkaarten waar het thema dat toelaat.

Place tables with theme blocks: Compare button is optionele handmatige plaatsing. Customize → template → Add block → Apps.

Comparison table: embed verplicht voor tray/modal. Block of auto-inject voor de knop. In Design: layouts en Add to compare button appearance — dat style je pas als de knop überhaupt in de DOM zit.

Wat shops door elkaar halen

Specs-block verwachten als vergelijkknop

Docs: Product Specs heeft geen Add-to-cart auto-inject. Specs = eigen theme block. Comparison ≠ Specs. Een specs-tabel op de PDP zet geen “Add to compare”.

Alleen het Compare-block, embed uit

Block zichtbaar in de editor, tray dood op de storefront. Embed weer aan.

Auto-inject uit én geen block

Dan is er nergens een injectiepunt. Zet één van de twee aan. Allebei mag; auto-inject is bedoeld als het block ontbreekt.

Selected products only, test-SKU niet in de lijst

Je test op een draft-product. Visibility kent het niet. Knop “ontbreekt”. Voeg het product toe of zet All products tijdens de test.

Collectiekaarten, thema zonder ondersteuning

Show on product cards: “where supported”. Geen garantie op elk custom card-snippet. PDP-knop eerst.

Praktijk: drie stoelen vergelijken, knop nergens

Shop “Zitlijn”. Comparison table “Stoelen” met live Shopify-modules (Price, Weight) plus een custom zithoogte. Enabled. Visibility: selected — drie SKU’s. Theme: Dawn + custom productcard.

Symptom: PDP van stoel A leeg onder de prijs.

Checklist in deze volgorde:

1. Live theme, App embeds, Tables, Specs & Comparisons aan, Save.

2. Tabel Enabled.

3. Stoel A staat in Selected (of tijdelijk All).

4. Settings van díé comparison: Auto-inject under price aan, *of* Compare button-block op Default product, Save.

5. Hard refresh op de PDP. Knop onder de prijs. Klik: tray (embed). Tweede product erbij, modal.

6. Pas daarna Show on product cards, op een collectie die de card-injectie aankan.

Kortecode `[oo-table id=…]` is een ander plaatsingspad en eist óók de embed. Niet de vervanging van Add to compare op elke PDP.

AI-draft van een comparison is prima; de knop komt niet uit de screenshot. Plaatsing is Settings + theme.

Tray zonder knop, knop zonder tray

Twee storingen die shops door elkaar gooien:

Knop zichtbaar, klik doet niets. Embed uit, of een ad-blocker, of je test in de theme editor zonder de embed-runtime. Docs: tray en modal komen uit de embed. Zet die aan, Save, hard refresh buiten de editor.

Tray in de editor-preview, knop ontbreekt op de live PDP. Auto-inject uit, Compare-block niet op díé template (bijvoorbeeld alleen op Default product, terwijl de stoel een `product.chair.json` gebruikt). Blocks hangen per template. Duplicate producttemplates = block opnieuw, of leun op auto-inject dat via de embed onder de prijs gaat.

Tabbed en Us vs Them kiezen het specifieke table-id in hun block. Comparison op de PDP is visibility-based plus knop-plaatsing. Verwissel die types niet: een Us vs Them-block toont geen Add to compare.

Size chart auto-placement (boven Add to cart als er geen Size chart-block is) bewijst dat de embed leeft. Dat is geen vergelijkknop. Specs al helemaal niet.

Listing: comparison tools (highlight differences, show/hide, multi-product). Die rijen vullen de modal. Zonder knop komt de shopper daar nooit. Design van de knop (kleur, label) in de comparison-tabel helpt pas als de node in de DOM zit. Onzichtbaar door `display:none` in custom CSS van het thema: inspecteer, niet de app de schuld geven.

Excel/Sheets-import van een table (listing “Works with”) zet geen theme block. Na import: Enabled, visibility, plaatsing — dezelfde drie lagen.

Meertalig: klantgerichte strings per locale in Settings. Een ontbrekende knop is zelden een vertaling; het label “Add to compare” kan leeg of onvertaald zijn, de node zou er dan nóg moeten zijn. Eerst de node, dan de string.

Aan de slag

Embed. Enabled. Visibility. Auto-inject of block. Test op een product dat in de set zit, op de template die live is. De listing van Advanced Table Builder is Free.

Tot slot

Shopify vergelijkknop ontbreekt is bijna altijd embed, enabled, visibility, of geen injectiepunt. Tray en modal komen uit de embed. De knop uit auto-inject of het Compare-block. Specs is een ander block.

Eerst de knop, dan de rijen finetunen. Zet de comparison live en controleer de PDP als een shopper, niet alleen de admin-preview.