Shopify conditionele productopties: andere keuze, andere prijs

Handbediend of met motor. Alleen bij motor telt de afstandsbediening mee. Wie Shopify conditionele productopties zoekt, wil die volgorde: eerst de keuze, daarna de som. Native Shopify kent geen “als dit, dan dat”. Drie options staan altijd open. Elke combinatie is een variant, ook de remote bij een koord.

Dit stuk gaat over de *keuze zelf*, niet over een staffel omdat de breedte over een drempel gaat. Die drempels staan in voorwaardelijke prijzen op Shopify. Hier: een tweede veld mag alleen geld kosten als het eerste veld aanstaat. Options Price Calculator zet die regel live op de productpagina, zonder extra SKU’s.

Native options kennen geen “als”

Shopify-varianten zijn voorraadbare combinaties. Adding variants zet twee grenzen: maximaal drie options per product en maximaal 2048 variants. De oude limiet van 100 is weg; de drie-optiegrens niet.

Zet je Type (hand / motor) × Remote (geen / standaard / premium) × Stof (acht kleuren), dan krijg je 2 × 3 × 8 = 48 SKU’s. Daarvan bestaan er twaalf die je nooit zaagt: “handbediend + premium remote”. Die cellen blijven wél in het raster. De klant ziet de remote altijd, want een native option kun je niet achter een eerdere keuze zetten.

Option 3 is dan op. Breedte als continue maat past er niet meer bij — dat is hetzelfde plafond als bij meer dan drie productopties. Conditionele logica lost dat niet op door nóg een option toe te voegen. Het lost het op door de som te laten luisteren naar de vorige keuze, buiten het SKU-raster.

Line item properties (`properties[Motor]`, `properties[Remote]`) bewaren de tekst op de orderregel. Ze wijzigen de prijs niet. De klant vinkt motor aan, kiest een remote, en betaalt de variantprijs. Of jij gaat offertes tikken.

Wat shops nu doen tot de catalogus vol zit

Elke combinatie als SKU, ook de onmogelijke

Hand + geen remote. Motor + premium. En per ongeluk Hand + premium, omdat het raster dat afdwingt. Fulfillment belt.

Twee producten: “met motor” en “zonder”

Dubbele pagina’s, dubbele reviews. Wie van hand naar motor switcht, verlaat de pagina.

Een vaste toeslag in de beschrijving

“+ €35 bij motor, mail voor de remote.” Geen live totaal voor motor wél, remote niet.

Geen van die routes geeft je: extra velden naast je drie SKU-options, en een prijs die alleen de remote optelt als motor aanstaat.

Extra velden, Premium if/then op de keuze

Options Price Calculator is Built for Shopify (5.0, 26 reviews op de listing). Onbeperkte productopties — listing noemt Checkboxes, Dropdowns, Radio buttons en Conditional logic — plus formules en live totaal, zonder extra varianten. Starter $9.99/maand: onbeperkte opties, formula builder, metafields, multilingual, AI. Premium $14.99/maand: + conditional logic for dynamic pricing, Font Picker, live preview, price breakdown. Free: 20 uses; op een Shopify Develop-plan altijd gratis. Facturatie in USD.

De stofkleur blijft de variant (SKU, inkoop). Motor en remote horen in de calculator. Een gewone formule `product_price + motor + remote` telt de remote ook als motor uitstaat. Dat is geen conditionele optie. Daarvoor schakel je in tab 4c. Formula naar Conditional formulas — alleen Premium. Terug naar een enkele formule zet die logica uit.

Checkbox als schakelaar, niet als SKU

De Checkbox is één aan/uit. Label `Motor`, key `motor`. Numeric value mag `0` zijn als het vinkje alleen voor logica bestaat — de docs zeggen dat expliciet: `0` als de checkbox “only used for logic or conditions” is. Wil de motor zelf ook geld kosten, zet dan `220` (of wat je leverancier rekent). Uit = `0`, aan = die waarde. Variables and Field Values behandelt dat hetzelfde: aangevinkt = configured number, uit = `0`.

In Conditional Pricing (Premium) vergelijk je met de constanten `TRUE` en `FALSE`. Example 8 in de formulevoorbeelden is precies deze tak:

``` premium_finish == TRUE ```

Then: `product_price + 20`. Else: `product_price`.

Voor jaloezieën: motor aan, dan een andere som. Motor uit, dan de else-tak zonder remote.

Dropdown: welke rij, niet alleen welk getal

De Dropdown is één keuze. Elke rij heeft een label en een Value (float). Op Starter gaat dat getal de formule in — dat is een gewone dropdown-toeslag, geen if/then.

Twee rijen met hetzelfde getal — `Standaard` en `Premium` allebei `1` als multiplier — kun je in een enkele formule niet uit elkaar houden. In conditionele regels heb je wél de positie: `{key}_optidx`, zero-based, alleen in conditions, niet in de gewone formule. Dropdown-docs noemen het “1st, 2nd, 3rd…”. Radio en swatch werken hetzelfde.

Conditions van boven naar beneden. Eerste match wint. Operators: groter/kleiner/gelijk, plus AND en OR. Else is verplicht, zodat er altijd een prijs is.

Formule: remote alleen bij motor

Tab 4c, Conditional formulas. Eén condition:

``` motor == TRUE ```

Then:

``` product_price + (width * height * fabric) + motor + remote ```

Else:

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

`motor` in de then-tak is de numeric value van de checkbox (bijvoorbeeld 220). `remote` is de float van de gekozen dropdownrij. Staat motor uit, dan komt de remote-float niet in de som — ook al is het veld zichtbaar. Dat is de gedocumenteerde optie-logica: de *prijs* volgt de vorige keuze. Docs beloven geen verborgen velden; beloof dat dus ook niet.

Breedte én motor, zoals de docs-combinatie `width > 200 AND height > 150`:

``` motor == TRUE AND remote_optidx == 1 ```

Then: `product_price + area + 220 + 45` (tweede remote-rij, index 1). Else: de standaard som. Overlappende ranges vermijden; altijd een veilige else.

Afronden in de then/else-formules: `Math.round` of `Math.ceil`. Math-helpers horen in de formule, niet in de comparators.

Praktijk: jaloezie met motor en remote

SKU’s blijven native: stofkleur (acht swatches). Eén van je drie options. Geen option “Motor”. Geen option “Remote”.

Calculator:

• Number `width` en `height` in cm, required, min/max van je fabriek

• Checkbox `motor`, waarde `220`, default uit

• Dropdown `remote`: `Geen` → `0`, `Standaard` → `35`, `Premium` → `59`

• Conditional, Premium:

• `motor == TRUE` → `product_price + ((width / 100) * (height / 100) * fabric) + motor + remote`

• else → `product_price + ((width / 100) * (height / 100) * fabric)`

Klant kiest antraciet (€89), 120 × 180, motor aan, remote Premium: `89 + (1.20 * 1.80 * stof) + 220 + 59`. Dezelfde stof, motor uit: geen 220, geen 59, ook al staat de dropdown nog op Premium van een vorige klik — de else-tak negeert `remote`. Test dat in preview voordat je live gaat.

Stoftarief als metafield of als derde number/dropdown mag. Hou de variantprijs voor de stof-SKU. Koppel via Linking Products & Variants. Eén calculator voor de serie als alleen `product_price` verschilt.

Een jaloezieën-configurator is het maatraster. Dit artikel is de schakelaar: motor ja/nee, daarna pas de remote in de som.

Aan de slag

1. Installeer Options Price Calculator. Free: 20 uses (Develop-plan altijd gratis). Starter $9.99/maand voor velden en één formule. Premium $14.99/maand voor conditional logic.

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. Voeg de schakelaar toe (checkbox of dropdown) plus het veld dat alleen bij “aan” mag meetellen. Keys lowercase: `motor`, `remote`.

4. Houd stof/cassette als Shopify-varianten. Motor en remote niet als option values.

5. Tab 4c: Conditional formulas. Eerste condition op de schakelaar (`== TRUE` of `{key}_optidx`). Then = som mét toeslag. Else = som zonder. Preview: vink uit, laat de tweede keuze staan, controleer dat het bedrag daalt.

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”. AI mag velden voorstellen; if/then blijft Premium. Op Starter zie je een upgrade-prompt, geen stille conditionals.

Tot slot

Shopify conditionele productopties zijn geen extra kolom in het variant-raster. Native Shopify toont drie options altijd, in elke combinatie, tot 2048 cellen. De remote bij een koord is dan een SKU die je niet wilt. Extra calculatorvelden lossen de *ruimte* op. Premium if/then lost de *volgorde* op: de toeslag volgt de vorige keuze.

Zet die regel in Options Price Calculator en laat de volgende klant motor-aan plus remote afrekenen — zonder nee-SKU, zonder offertemail.