Productopties Shopify zonder code: extra keuzes in de theme editor

Je wilt een vierde keuze op de productpagina, een tekstveld voor gravering of een getal voor de breedte in centimeters. In de admin zoek je naar “nog een optie toevoegen” — en Shopify stopt je. Productopties Shopify zonder code is de vraag die daarachter zit: extra velden die de prijs wél aanpassen, zonder dat je `main-product.liquid` opent of een developer inhuurt.

Native varianten zijn SKU’s. Ze zijn sterk voor voorraad per kleur of maat, maar ze zijn geen formulier. Wie toch velden in het thema plakt, krijgt tekst op de orderregel — niet een ander bedrag in checkout. In de community komt dat terug in threads als Adding more than 3 options in Shopify admin (expliciet: *zonder* third-party app) en Add Production options — NOT variants (een +$25-upgrade die de catalogus niet mag verdubbelen).

Dit artikel laat zien waar de native grens ligt, waarom “even Liquid” zelden de prijs meeneemt, en hoe je met Options Price Calculator een app block, velden en een formule zet — in de admin en de theme editor, niet in een codebestand.

Wat Shopify je dwingt te coderen (of te skippen)

Volgens Adding variants mag een product:

• maximaal drie options hebben (Size, Color, Material, …);

• maximaal 2048 variants bevatten.

De variantcap ging in oktober 2025 van 100 naar 2048 (changelog). Dat helpt bij grote maar eindige catalogi. Het geeft je geen vierde dropdown, geen continu centimeterbereik en geen checkbox “coating + €15” zonder de variantboom te laten exploderen.

Shopify’s eigen help voor extra keuzes via metafields + een custom block vraagt kennis van HTML, CSS, Liquid en Online Store 2.0. In Custom product options and custom pricing rules is de consensus helder: puur in code *kan*, maar je huurt een theme-developer in — en een volwaardige configurator is maanden werk. De meeste merchants willen dat niet. Ze willen productopties Shopify zonder code.

App blocks zelf zijn ook geen magie: in App block issues legt Shopify uit dat blocks niet in elke legacy- of statisch gerenderde sectie verschijnen. Online Store 2.0 is de voorwaarde. Dat is relevant: “zonder code” betekent *geen Liquid-hack*, niet “werkt op elk 2018-thema zonder setup”.

Wat shops nu proberen — en waar het stukloopt

1. Nog een variantoptie forceren

Kleur, maat en stof staan al. De vierde wens (zoom, montage, bestand) past niet. Splitsen in vijf producten geeft je weer drie slots, maar ook dubbele content en een klant die tussen pagina’s springt. Meer over die grens: Shopify meer dan 3 productopties.

2. Line item properties in het thema

Een `<input name="properties[Breedte]">` in Liquid is “gratis” en voelt no-code-achtig tot je het bestand moet wijzigen. Shopify bewaart de tekst op de orderregel. De prijs verandert niet. 80 cm of 240 cm betaalt hetzelfde. Dat is uitgewerkt in line item properties wijzigen de prijs niet.

3. Elke upgrade als extra SKU

In de joystick-thread: vijf kleuren + één upgrade = tien varianten; twee upgrades = twintig. Voorraad per combinatie is betekenisloos als je built-to-order werkt. 2048 slots klinken ruim — ze lossen de combinatoriek niet op.

4. Offertes per mail

Geen code, geen limiet, geen self-serve checkout. Elke “wat kost 2,4 m?” is een ticket.

Hoe Options Price Calculator dit zonder code oplost

Options Price Calculator (Built for Shopify) is gebouwd voor onbeperkte productopties en formuleprijzen zonder extra varianten. De listing noemt expliciet *easy no-code setup*, een drag-and-drop calculator builder, AI-hulp bij velden en formules, en meertalige labels. Je opent geen theme-bestand.

Stap 1 — App block in de theme editor

De calculator is een theme app extension. In How to Add the Extension to the Product Page:

1. Online Store → Themes → Customize op het gepubliceerde thema.

2. Page selector → Products → Default product (of jouw template).

3. Add block → Apps → Options Price Calculator.

4. Plaats hem onder de prijs, boven Add to cart.

5. Save.

Geen snippet plakken, geen `{% render %}`. Sleep het block zoals je een variant picker versleept. Daarna op de storefront controleren dat keuzes de prijs laten meebewegen.

Thema’s verschillen. Daarom bestaat de Selector Picker: je klikt op de prijs (en Add to cart) op je productpagina, de app vult de CSS-selector in. Na een theme-switch opnieuw picken. Dat is setup in de UI, geen Liquid.

Stap 2 — Velden in de drag-and-drop builder

In de app voeg je velden toe: number input, dropdown, radio, checkbox, swatch, file upload, tekst, datum, en meer. Opties in een dropdown sleep je van volgorde. Elke field key wordt een variabele. Een number input heeft min/max zodat 0 of 9999 cm niet door checkout glipt. Een dropdown heeft per keuze een numerieke value die de formule mag gebruiken.

AI-powered generation (Starter en hoger, volgens de listing) helpt velden en prijsformules voorstellen. Jij blijft de preview-waarden checken — AI is een start, geen onzichtbare black box in checkout.

Stap 3 — Formule in de builder, niet in JavaScript

De formula builder laat je typen, variabelen invoegen via de field selector, of een expressie plakken. Operators: `+ − × ÷` en haakjes. Docs-voorbeelden uit Pricing / Formula Examples:

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

Een checkbox levert de geconfigureerde waarde of `0`. `product_price` is de prijs van de actieve variant. Hoe je formules opbouwt, staat dieper in prijsformule op Shopify productpagina. Het punt voor no-code: de storefront-prijs *is* het resultaat van die formule, niet een `<span>` dat je zelf in JS bijhoudt.

Stap 4 — Linken zonder catalogus te klonen

Calculators koppel je per variant via Linking Products & Variants. Eén SKU, veel keuzes. Bulk linking als je tientallen producten dezelfde calculator geeft. Voorraad blijft op de variant die je wél als SKU nodig hebt — opties zijn geen inventory.

Wat Premium is (en wat niet)

Starter ($9.99/mo) dekt unlimited options, formula builder, metafields, styling, multilingual en AI-generatie. Premium ($14.99/mo) voegt toe:

• conditional logic / conditional pricing (if/then, minimumprijs, staffel per maat);

• font picker;

• Product Personalizer — live preview op de productafbeelding;

• real-time price breakdown (tabel of tekst).

Noem die laatste groep niet als “zit in de gratis builder”. Free: 20 uses; Develop-stores blijven gratis volgens de listing.

Voorbeeld: paneel op maat plus een upgrade-checkbox

Stel: een paneel. Native variant = materiaal (échte SKU met andere inkoop). De rest hoort niet in varianten: breedte en hoogte in cm, optionele coating.

Velden in de builder:

• `width` en `height` — number, verplicht, min/max uit je productie.

• `coating` — checkbox, value `15` (toeslag) of `0`.

Formule in de geest van de docs:

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

De klant typt 120 × 80, vinkt coating aan, ziet het totaal. Fulfillment leest maten en keuze op de orderregel. Geen 200 SKU’s voor centimeterstappen, geen Liquid-diff bij de volgende theme-update. Zelfde patroon als dynamische productopties, maar hier is de insteek: je hebt geen developer nodig om het live te zetten.

Wat je nodig hebt om te starten

1. Installeer Options Price Calculator vanuit de Shopify App Store.

2. Voeg het app block toe op de product template (stappen).

3. Maak velden (of laat AI een eerste set voorstellen) en een formule; test met preview-waarden.

4. Koppel de calculator aan product of variant.

5. Gebruik Pick price en Pick add to cart als het thema de update niet vanzelf toont.

6. Controleer op de storefront: kiezen → prijs beweegt → cart klopt.

7. Optioneel Premium: conditionals, breakdown of live preview — alleen als je die workflow nodig hebt.

Listing (augustus 2026): 5.0 uit 22 reviews, Free / Starter ($9.99) / Premium ($14.99), allemaal USD. Built for Shopify.

Tot slot

Productopties Shopify zonder code betekent: extra keuzes en een prijsformule zonder `main-product.liquid`, zonder een variant per millimeter, en zonder een offerte-mailbox. Native Shopify stopt bij drie options en vaste SKU-prijzen. Line item properties vullen die gap niet. Met Options Price Calculator sleep je een app block in de theme editor, bouw je velden in de calculator, en laat je dezelfde formule checkout belasten.

Klaar om extra opties live te zetten zonder code? Installeer Options Price Calculator en test één producttemplate vandaag nog.