Tussenkop in je Shopify-calculator: secties zonder prijs

Breedte, hoogte, stof, voering, montage. De calculator is één lange kolom. De shopper ziet niet waar “meten” stopt en “afwerking” begint. Support krijgt “ik heb de lusband in de hoogte meegerekend” omdat het veld onder een onleesbare stapel stond.

Wat je zoekt is een Shopify calculator tussenkop divider: een lijn in het formulier, optioneel met een korte kop — Afmetingen, Materiaal, Personalisatie. Geen bedrag. Geen keuze. Geen regel op de order.

Shopify Help Adding variants blijft drie options en 2048 variants. Een vierde option “kopje Afmetingen” bestaat niet. Native line-item properties wijzigen de prijs niet. Options Price Calculator zet extra velden naast die limiet. Divider is het display-type voor secties.

Eerder ging het over productafbeelding wisselen bij een optie. Dat is visueel. Dit stuk is de leesvolgorde in het formulier zelf.

Een Shopify-product heeft geen “sectie” in het variant-raster

Kleur, stof, bediening: dat mogen échte SKU’s blijven. Centimeters zijn continu. Elke millimeter een variant is onhoudbaar, ook met 2048 slots.

Wat shops dan in het formulier proberen:

Een dummy-dropdown “— Afmetingen —” met waarde 0

De shopper denkt dat het een keuze is. Fulfillment ziet een property. De prijsformule moet `0` negeren. Eén verkeerde default en het veld is “verplicht” zonder inhoud.

Copypaste in de productbeschrijving

“Stap 1: maten. Stap 2: stof.” De shopper is al bij Add to cart. Niemand scrolt terug.

Custom Liquid met `<hr>` tussen theme-blokken

Thema-update, duplicate template, tweede calculator: de streep ligt verkeerd of dubbel. En hij weet niets van de veldvolgorde in de builder.

Geen van die routes zet een kop tussen Breedte en Stof, in dezelfde calculator, zonder prijsvariabele.

Wat Divider wél is (docs, geen marketing)

Docs Divider: display-only. Het element scheidt groepen velden. Optioneel een kop boven de lijn, handig om een lange calculator in secties te knippen: Dimensions, Materials, Finishing.

Heading (optioneel). Kleine vette label boven de lijn. Leeg laten = alleen de lijn. Voorbeelden uit de docs: `Dimensions` · `Material & finish` · `Personalisation`. De kop is per taal vertaalbaar onder het Translations-tabblad van de calculator.

Gedrag in formules:

• nooit verplicht

• geen variabele in formules of conditional rules

• verschijnt niet in line item properties

Variables and Field Values herhaalt het: Rich Text, Divider en Calculation display zijn niet als variabelen beschikbaar. Je kunt niet schrijven `product_price + afmetingen_kop`.

Styling is globaal, Step 3: Customize design → Divider:

• stijl: solid, dashed of dotted

• kleur: hex van de lijn

• dikte: 1–8 px

• margin top/bottom: 0–64 px

Oudere calculators met per-veld divider-stijlen blijven werken; die waarden zijn fallback als het Design-tabblad ze niet zet.

Layout: een divider is altijd de volle breedte van het formulier, ook in een rij met meerdere kolommen. Zet hem tussen rijen, niet naast een veld op dezelfde rij.

Docs-tip: divider met korte kop, direct daarna Rich Text, daarna de invoervelden. Dat is scannen, geen prijsregel. Translations: de heading van een Divider is per gepubliceerde Shopify-taal vertaalbaar, net als labels.

Conditional logic, live preview, Font Picker: Premium ($19.99). Divider is een form field, geen van die drie. Claim geen Premium voor een streep.

Wat shops in die kop proberen te stoppen

Een hele handleiding als heading. De docs zeggen: small bold label. “Meet de dagbreedte op drie hoogtes en gebruik de kleinste, zie PDF” hoort in Rich Text, niet in de kop.

Een toeslag vermommen als sectie. “Montage +€25” als divider-tekst. De lijn rekent niks. De shopper ziet copy, checkout ziet de oude prijs.

Twee dividers op één rij, “links Afmetingen, rechts Stof”. De lijn spant de volle breedte. Naast elkaar bestaat niet.

Praktijk: jaloezie, drie blokken, nul extra SKU’s

Shop “Lijnzicht”. Native variant: bedieningskant links/rechts. Calculator: breedte, hoogte, lameltype, montage. Formule in de trant van `product_price + (width * height)`. Theme app extension op de productpagina.

Supportticket: klanten vullen montage in voordat ze gemeten hebben, of ze missen lameltype omdat het onder de vouw zit.

1. Installeer Options Price Calculator. Built for Shopify, 5.0 uit 27 reviews. Live listing, USD: Free (20 uses; op Develop altijd gratis), $9.99 Starter (onbeperkte opties, AI, formula builder, metafields, styling, multilingual), $19.99 Premium (conditional logic, Font Picker, live preview, price breakdown, lookup tables, file uploads), $39.99 (conditional fields, draft-order checkout, admin-tools, setup-service).

2. Open de calculator. Step 1, velden. Voeg Divider toe, niet een dropdown met lege optie.

3. Heading: `Afmetingen`. Daaronder de number fields voor breedte en hoogte. Geen formule aanpassen.

4. Tweede divider: `Materiaal & afwerking`. Daaronder lameltype. Derde: `Montage` — of alleen een lijn als de kop niks toevoegt.

5. Optioneel: kort Rich Text-blok direct onder de eerste kop (“Meet de dagbreedte, niet het kozijn”). De divider blijft de sectie; Rich Text blijft de zin.

6. Design → Divider: solid, huisstijlhex, 2 px, wat lucht boven/onder. Eén globale look voor alle strepen in díe calculator.

7. Translations: `Dimensions` / `Abmessungen` als DE live staat. Alleen de kop, niet een nieuwe Shopify-option.

Server-side price validation blijft de safety op het bedrag. Divider raakt `__ooCustomPrice` niet. Wie de console opent, loopt tegen validatie — niet tegen jouw tussenkop.

Aan de slag

1. Open de listing. Free om het veld te zien. Starter als je de kop per locale wilt meenemen.

2. Zet het app-block op de productpagina.

3. Voeg Divider toe tussen rijen. Korte kop of leeg. Nooit een prijs in de heading.

4. Styling in Step 3, niet per veld improviseren tenzij je een oude calculator hebt.

5. Check op mobiel: volle breedte, kop leesbaar, velden eronder in dezelfde volgorde als in de builder.

Drie Shopify-options blijven drie. Extra centimeters blijven numbers. Extra secties blijven Divider.

Tot slot

Shopify calculator tussenkop divider is geen vierde variant en geen toeslag. Het is display-only: een lijn, optioneel een kop, vertaalbaar, zonder formule-variabele en zonder line-item. Globale stijl in Design. Volle breedte tussen rijen. Rich Text ernaast als je uitleg nodig hebt — nog steeds zonder prijs.

Zet de sectie bij de velden in Options Price Calculator. Support krijgt minder “ik dacht dat montage bij de hoogte hoorde”.