Calculator per Shopify variant: hout en metaal, elk hun eigen formule

Eén productpagina, twee materialen — en twee compleet andere manieren om de prijs te rekenen. Hout per strekkende meter, metaal per m² plus een setupkost. Native Shopify laat je die materialen als variant zetten, maar niet elk een eigen rekenmodel. Een calculator per Shopify variant is precies die koppeling: dezelfde pagina, andere velden en formule zodra de klant van hout naar metaal springt.

Dit artikel legt uit waarom één formule voor alle varianten stukloopt, hoe Shopify varianten wél en niet inzet, en hoe je met Options Price Calculator per variant een calculator linkt — zonder een SKU per millimeter.

Wat een variant wél is — en wat niet

Shopify-varianten zijn voorraadbare combinaties. Volgens Adding variants mag een product maximaal drie options hebben (bijvoorbeeld Materiaal, Kleur, Afwerking) en maximaal 2048 variants. De oude grens van 100 is verhoogd; de drie-optiegrens niet. Meer SKU’s geven je geen continue maat en geen tweede prijsformule.

Hout versus metaal hoort vaak wél in een variant. Voorraad, inkoop en fulfillment lopen anders. De prijsformule hoort daar niet in: je kunt geen “houtformule” en “metaalformule” als twee variantopties kwijt. Elke extra cel in een prijstabel is weer een SKU, tot je catalogus onleesbaar is.

Line item properties in het thema (`properties[Breedte]`) bewaren de invoer op de orderregel, maar wijzigen de prijs niet. Twee materialen met dezelfde eigenschap-velden betalen dan hetzelfde, of je gaat alsnog offertes tikken.

Wat shops nu proberen

1. Eén monsterformule voor alle varianten

Je stopt hout- én metaallogica in dezelfde velden: “als metaal, dan m²; als hout, dan lengte”. In Shopify zelf bestaat die if/then niet. In een app die één calculator op het hele product hangt, ziet de klant velden die bij het andere materiaal horen. Foutieve invoer, verwarring, supporttickets.

2. Het product splitsen

“Tafelblad hout” en “Tafelblad metaal” als twee producten. Elk krijgt zijn eigen calculator. Werkt, tot je related products, feeds en voorraadrapporten verdubbelt en de klant tussen pagina’s moet kiezen.

3. Alle maten als variant

Breedtes 80–240 cm in stappen van 10 cm × twee materialen. Dat vreet je 2048-plafond niet meteen op, maar het is geen continue maat, en je formule (oppervlakte, staffel, setupkost) zit er nog steeds niet in.

Geen van die routes geeft je: één URL, twee echte SKU’s, twee rekenmodellen.

Koppelen gebeurt per variant, niet per product

Options Price Calculator is Built for Shopify. De listing: onbeperkte productopties (dropdowns, swatches, getallen, file upload, …) en dynamische prijzen via formules, zonder extra varianten. Live preview, conditional logic en font picker zitten op Premium — label dat zo.

Het relevante stuk staat in de docs Linking Products & Variants to Calculators:

• calculators worden altijd op variantniveau gekoppeld;

• heeft een product maar één variant, dan geldt die koppeling feitelijk voor het product;

• elke variant heeft hoogstens één calculator tegelijk;

• is er geen calculator, dan gedraagt de variant zich als een gewoon Shopify-product;

• bij meerdere varianten wisselt de actieve calculator automatisch als de klant van variant wisselt;

• zo kun je per variant andere velden, andere logica en een andere formule tonen.

Dat is de calculator per Shopify variant: geen tweede productpagina, geen extra SKU per maat. Hout toont lengte + tarief per meter. Metaal toont breedte × hoogte + setupkost. Dezelfde theme-extensie, andere calculator.

De variabele `product_price` in een formule is altijd de prijs van de huidige variant. Wisselt de klant van hout naar metaal, dan volgt die basisprijs mee — zie Variables and Field Values.

Voorbeeld: hout versus metaal op één pagina

Stel: maatwerk tafelbladen. Variantoptie Materiaal = Hout | Metaal. Dat blijft een echte variant (voorraad, inkoop). Maten zijn geen variant.

Calculator “Hout” — number input `length` (cm), optioneel dropdown `wood_type` als multiplier. Formule, in de trant van de formula examples:

``` product_price + (length * wood_type) ```

Of, als het tarief al in de variantprijs zit en je alleen een toeslag per centimeter rekent, een eenvoudiger `product_price * wood_type`.

Calculator “Metaal” — number inputs `width` en `height`, plus een vaste setupkost:

``` product_price + 25 + (width * height) ```

Koppelen in de app:

1. Open *Link calculator forms*.

2. Zoek het product; klap de varianten open.

3. Bij Hout: dropdown → calculator Hout.

4. Bij Metaal: dropdown → calculator Metaal.

5. Opslaan — de docs zeggen: wijzigingen gelden meteen.

Op de storefront: klant kiest Hout, ziet lengtevelden; kiest Metaal, ziet oppervlaktevelden en de andere totaalprijs. Geen vierde native option nodig, geen 2048 cellen in een matrix.

Conditional logic (Premium) blijft beschikbaar binnen een calculator — bijvoorbeeld een hoger tarief boven een drempel, of een minimumprijs. Dat is iets anders dan “een andere calculator per variant”: eerst splitsen op SKU-logica, daarna eventueel conditionals in díe calculator.

We schreven eerder over metafields in een prijsformule; dit stuk gaat over wélke calculator je aan welke variant hangt.

Catalogus: filteren en bulk koppelen

Tien producten × twee materialen is handwerk. Honderd SKU’s vraag je Bulk Linking & Filtering. Filter op collectie, tag, vendor of variant-ID, controleer de zichtbare lijst, en gebruik *Bulk change calculator form for visible products*. Let op:

• alleen zichtbare rijen wijzigen;

• bestaande koppelingen worden overschreven;

• test eerst op één variant.

Docs-tip: als de meeste varianten dezelfde logica hebben, hang je die calculator breed; wijk alleen af waar de formule echt anders is. Hout/metaal is zo’n afwijking. Na een grote cataloguswijziging: *Refresh product data*, anders missen nieuwe varianten in de lijst.

Aan de slag

1. Installeer Options Price Calculator. Free: 20 uses (op een Shopify Develop-plan altijd gratis). Starter $9.99/maand: onbeperkte opties, formula builder, metafields, multilingual. Premium $14.99/maand: + conditional logic, live preview, price breakdown. Facturatie in USD.

2. Zet het app block op de producttemplate, onder de prijs en boven Add to cart — How to Add the Extension to the Product Page.

3. Bouw twee calculators (of meer) met eigen velden en formule. Houd voorraadbare keuzes als Shopify-variant.

4. Link per variant de juiste calculator. Bulk waar de logica gelijk is.

5. Test op de storefront: wissel van variant, vul maten in, controleer live prijs en winkelwagen.

Server-side price validation (app-instelling) voorkomt dat alleen de browser-prijs telt. Theme bindings zijn er voor thema’s met een afwijkende variantselector — niet “werkt overal zonder setup”.

Tot slot

Een calculator per Shopify variant is geen extra option-slot en geen 2048e SKU. Het is variant-niveau koppelen: hout krijgt zijn formule, metaal de zijne, en de storefront wisselt mee. Native Shopify stopt bij drie options en voorraadcombinaties; continue maten en andere rekenmodellen horen in de calculator.

Koppel de eerste twee calculators via Options Price Calculator en laat de volgende klant van materiaal wisselen zonder een tweede productpagina.