Shopify radioknoppen of varianten: wanneer de keuze geen SKU is

Op de productpagina ziet een klant vaak hetzelfde: een rijtje bolletjes. Standaard / Express. Binnen / buiten de dag. Mat / glans. Het lijkt één UI. In Shopify zijn het twee verschillende dingen. Wie Shopify radioknoppen of varianten door elkaar haalt, maakt een extra option value aan, verdubbelt de catalogus, en houdt voorraad bij van een combinatie die nooit op de plank ligt.

Een variant is een SKU. Prijs, voorraad, barcode, foto — per combinatie. Een radioknop in een calculator is één keuze met een getal. Die keuze wijzigt de som. Ze maakt geen tweede product.

Dit stuk is die splitsing. Wanneer je een echte variant móet hebben, wanneer een radio genoeg is, en hoe je met Options Price Calculator die keuze in de formule stopt. Gisteren ging het over een toeslag via een checkbox: ja of nee. Hier kies je één optie uit een lijst.

Een bolletje op de storefront is nog geen variant

Shopify-varianten zijn voorraadbare combinaties. Adding variants zet twee harde grenzen: maximaal drie options per product (Maat, Kleur, Materiaal, …) en maximaal 2048 variants. De oude 100-limiet is weg; de drie-optiegrens niet. Shopify zegt zelf: meer options of meer variants? Dan een app, of thema-code die line item properties ophaalt. Die properties wijzigen de prijs niet.

Thema’s tekenen variantopties vaak als radio’s of een dropdown. Daarom voelt “nog één keuzerijtje” als een vierde option. Dat is het niet. Een extra option value vermenigvuldigt het raster. Stof (12) × kleur (8) × ophangsysteem (3) = 288 SKU’s — en je hebt nog geen afwerking. Elke cel krijgt prijs, voorraad en optioneel media. Shopify staat tot 250 media per product toe. Een foto per ophangwijze is geen plan.

Wat native wél hoort: stof of kleur als variant, omdat je die inkoopt en legt. Wat native niet hoort: een prijskeuze zonder eigen voorraad — printkwaliteit, montagetype, leveroptie — als option value. Dat eet een van je drie slots en verzint SKU’s.

Wat webshops nu doen

Extra value op een bestaande option

“Afwerking: standaard / premium” als tweede value van Materiaal. Dan heb je eiken, eiken-premium, walnoot, walnoot-premium. Vier SKU’s voor twee planken. Voorraad klopt nooit: je hebt geen “eiken + premium” in het magazijn. Premium is een toeslag, geen houtsoort.

Line item properties in het thema

Een radio in Liquid (`properties[Montage]`). De keuze staat op de orderregel. De checkout telt de productprijs. Jij tikt het verschil er later bij, of de klant betaalt te weinig. Geen live totaal.

Een tweede product “Express verzending”

Twee keer Add to cart. De helft vergeet het. Kortingen en verzending zien twee losse regels.

Geen van die routes geeft je: één zichtbare keuze, live som, SKU’s alleen voor wat je écht legt.

Radio in de calculator, variant op de SKU

Options Price Calculator is Built for Shopify (5.0, 26 reviews op de listing). Onder Customization staat Radio buttons. Onbeperkte productopties, dynamische prijzen met formules, live totaal — zonder extra varianten of handmatige offertes. Starter $9.99/maand: onbeperkte opties, formula builder, metafields, multilingual. Premium $14.99/maand: + conditional logic, live preview, price breakdown. Free: 20 uses; op een Shopify Develop-plan altijd gratis. Facturatie in USD.

De vuistregel is simpel. Moet je voorraad, inkoop of een barcode per combinatie bijhouden? Dat is een variant. Wijzigt alleen de prijs of de ordertekst, en ligt er geen extra doos van? Dat is een radio.

De Radio Buttons-docs zijn daar expliciet over: de klant kiest precies één optie uit een vaste lijst. Elke optie heeft een label en een Value (float). Die waarde gaat de formule in: vast bedrag, multiplier, of een tussenstap. Alle keuzes blijven zichtbaar. Is de lijst lang of de ruimte krap, dan zegt dezelfde tip: gebruik een dropdown.

Hoe het veld rekent

Key bijvoorbeeld `print_quality` of `delivery_method` — alleen kleine letters, cijfers, underscores. Label erboven: `Printkwaliteit`. Opties:

| Label | Value | Betekenis | |-------|-------|-----------| | Standaard | `1` | geen prijsverschil | | Fine art | `1.15` | multiplier | | Express | `20` | vast extra bedrag |

Variables and Field Values behandelt Dropdown, Radio en Swatch hetzelfde: de formule krijgt het getal van de geselecteerde optie. Een checkbox is anders (waarde of `0`). Een radio is altijd “één van deze getallen”.

Required aan als de keuze verplicht is voor prijs of fulfillment. Default option: één bolletje vooraf aangevinkt, of leeg zodat de klant bewust kiest.

Formule: basis plus of keer de keuze

De Formula Builder staat `+ - × ÷ ( )` toe. `product_price` is de prijs van de gekozen variant.

Example 3 in de formulevoorbeelden is een dropdown als multiplier. Een radio gedraagt zich hetzelfde:

``` product_price * print_quality ```

Standaard (`1`): de variantprijs. Fine art (`1.15`): 15% erbij. Vast extra, zoals Express:

``` product_price + delivery_method ```

Afronden aan het eind: `Math.round(...)` of `Math.ceil(...)`.

Alleen een extra regel als *deze* optie gekozen is, terwijl twee labels hetzelfde getal hebben? Dat is Premium conditional. De radio-docs geven je dan de positie van de keuze (1e, 2e, 3e). In Variables heet dat `{key}_optidx` — alleen in conditional rules, niet in de gewone formule. Zet dat niet op Free/Starter.

Praktijk: jaloezie met montagekeuze

SKU’s blijven native: stofkleur (wit / antraciet) en lamelbreedte (25 mm / 50 mm). Twee van je drie options. Geen “Montage”-option.

Calculator:

• Radio `mounting`, verplicht, geen default

• In de dag — value `0`

• Op de muur — value `8`

• Plafond — value `12`

• Formule `product_price + mounting`

Klant kiest antraciet / 50 mm (variantprijs €89) en plafond: `89 + 12 = 101`. Live op de pagina, dezelfde som in checkout. Fulfillment leest “Plafond” op de orderregel. Je hebt geen SKU “antraciet-50-plafond” op voorraad.

Twee verschillende montages in één order: twee keer Add to cart. Quantity 2 is twee identieke jaloezieën met dezelfde radio. De calculator prijst één stuk; Shopify-quantity vermenigvuldigt die regel.

Koppel de calculator via Linking Products & Variants. Eén calculator voor de serie is genoeg als alleen `product_price` verschilt.

Aan de slag

1. Installeer Options Price Calculator. Free: 20 uses (Develop-plan altijd gratis). Starter $9.99/maand. Premium $14.99/maand als je conditionele regels per gekozen optie nodig hebt.

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 Radio Buttons toe. Key `mounting`. Labels kort. Values: `0` / `8` / `12`, of `1` / `1.15` als je vermenigvuldigt.

4. Houd kleur, maat en materiaal als Shopify-varianten. Prijskeuzes zonder eigen voorraad niet.

5. Test: wissel van variant, klik elk bolletje, 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

Shopify radioknoppen of varianten is geen stijlkwestie. Een variant is een SKU met voorraad. Een radio in de calculator is één zichtbare keuze waarvan het getal in de formule valt: optellen, vermenigvuldigen, klaar. Native Shopify stopt bij drie options en 2048 variants; een vierde keuzerijtje zonder magazijn hoort niet in dat raster.

Zet de radio in Options Price Calculator en laat de volgende klant montage of printkwaliteit kiezen zonder een extra SKU.