Lengteprijs in Shopify: klant typt meters in een number field

Lint, LED-strip, tuinslang of stof van de rol: de klant bestelt geen “medium”, maar 3,40 meter. Wie een Shopify number field lengteprijs wil, botst op hetzelfde punt. Native varianten kennen alleen discrete maten. Elke centimeter als SKU is een catalogus die je nooit op voorraad hebt. En de quantity-selector als “aantal meters” telt hele stukken — geen 3,40 m, geen live tarief per mm, en de winkelwagen zegt “3 stuks”.

Dit stuk laat zien waarom een raster van lengtes stukloopt, wat er misgaat als je meters in Quantity stopt, en hoe je met Options Price Calculator één number input plus een formule gebruikt: lengte × tarief, live op de productpagina, zonder extra variant.

Eerder schreven we waarom continue afmetingen niet in Shopify-varianten passen. Daar ging het om het type data. Hier gaat het om de 1D-prijs: één getal, één tarief, één veld.

Discrete maten zijn geen meterprijs

Shopify-varianten zijn voorraadbare combinaties. Volgens Adding variants mag een product maximaal drie options hebben (bijvoorbeeld Kleur, Materiaal, Dikte) en maximaal 2048 variants. De oude limiet van 100 is verhoogd; de drie-optiegrens niet. Meer cellen in je matrix geven je geen continue meter.

Van 0,5 m tot 25 m in stappen van 10 cm zijn al honderden values — en nog steeds geen 3,47 m. Elke cel is een SKU met eigen prijs en voorraad. Shopify staat tot 250 media per product toe; een foto per lengte is geen optie.

Line item properties in het thema (`properties[Lengte]`) bewaren de invoer op de orderregel, maar wijzigen de prijs niet. De klant typt meters en betaalt de vaste productprijs — of jij gaat offertes tikken.

Wat native wél kan: kleur of dikte als echte variant, omdat die inkoop en voorraad sturen. De lengte hoort in een getalveld, niet in een option value.

Wat webshops nu doen (en waar het knelt)

Quantity = meters

Op het Shopify Community-forum is dit het standaardantwoord: product “per meter”, Quantity 4 = 4 m. Dat werkt tot iemand 1,20 m nodig heeft. Shopify-quantity is een geheel getal. De winkelwagen toont “4 stuks”, voorraad en verzendgewicht kloppen niet, en een minimum van 2,5 m dwing je er niet mee af.

Een dropdown van standaardlengtes

1 m, 2 m, 5 m, 10 m. Overzichtelijk, tot de klant 3,40 m nodig heeft en 5 m koopt of belt. Je 2048-plafond vreet je er niet mee op. Het is ook geen echte lengteprijs.

Een offerte na de meetstaat

Mail in, prijs terug. Geen checkout, geen live totaal, geen herhaalorder. Precies het tegenovergestelde van een productpagina die zelf rekent.

Geen van die routes geeft je: één veld “lengte”, min/max in dezelfde eenheid als je zaag of rol, live som, en SKU’s alleen voor wat je op de stelling hebt.

Number input + formule, geen extra SKU

Options Price Calculator is Built for Shopify (5.0, 26 reviews op de listing). De listing: onbeperkte productopties — waaronder Numbers en Dimensions — en dynamische prijzen met formules. Klanten configureren het product met live prijs, 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 lengte hoort in de calculator. De variant blijft de SKU (kleur, dikte, collectie).

Het veld: meters of millimeters, niet Quantity

De Number Input is gemaakt voor maten. Label bijvoorbeeld `Lengte (m)`, placeholder `bijv. 3.40`, key `length` (alleen kleine letters, cijfers, underscores). Zet Required field aan: zonder lengte geen Add to cart. Allow negative values uit. Minimum en Maximum altijd — de docs raden dat expliciet aan, anders rekent iemand 0,02 m of 80 meter.

Laat Is quantity input uit. Die toggle koppelt het getal aan de Shopify-cart-quantity. Dan is 3,40 meter opeens “3 stuks” (of ongeldig, omdat quantity geen komma toestaat). Aantal *stukken* van dezelfde lengte blijft de gewone quantity-selector: twee keer 3,40 m = quantity 2.

Werk je in millimeters? Label `Lengte (mm)`, min `100`, max `6000`, default `1000`. Dezelfde regels.

Formule: tarief × lengte

In de Formula Builder zijn `+ - × ÷ ( )` toegestaan. `product_price` is de prijs van de geselecteerde variant — hier het tarief per meter (of per mm) van díe SKU.

Als de variantprijs het tarief per meter is en de klant meters invult:

``` product_price * length ```

Dat is example 4 (`product_price * quantity`), maar dan met je eigen veldkey. Liever per meter rekenen terwijl de klant centimeters typt:

``` product_price * (length / 100) ```

Een vaste toeslag (knippen, haspel, startzaag) zoals example 5:

``` product_price * length + 4.50 ```

Een checkbox voor een extra (bijvoorbeeld eindkappen, waarde `2.5`) telt als numerieke waarde als hij aanstaat, anders `0` — zie Variables and Field Values:

``` product_price * length + 4.50 + end_caps ```

Afronden aan het eind, zoals de formula-docs adviseren: `Math.round(...)` of `Math.ceil(...)` als je nooit naar beneden wilt. Verschilt het metertarief sterk per SKU, dan kun je het in een numeriek metafield zetten (`product_metafield__{ns}__{key}`) in plaats van in de variantprijs. Eén calculator, veel kleuren.

Minimumorder — bijvoorbeeld nooit onder €12, zodat 0,30 m niet onder je knipkostprijs duikt — is example 6: Premium conditional. Zet dat niet op Free/Starter.

Praktijk: LED-strip op de rol

SKU’s blijven native: lichtkleur (2700 K / 4000 K) en IP-waarde (IP20 / IP65). Dat zijn twee van je drie options. Geen “Lengte”-option.

Calculator:

• Number input `length`, 0,5–20 m, required, default `1`

• Checkbox `end_caps` (2.50) optioneel

• Formule `product_price * length + end_caps`

Klant kiest 4000 K / IP65 (variantprijs €8,40 per meter), vult `3.4` in, vinkt eindkappen aan: `8.40 * 3.4 + 2.50 = 31,06`. Live op de pagina, dezelfde som in checkout. Fulfillment ziet de meters op de orderregel — geen aparte mail met de kniplijst.

Twee verschillende lengtes in één order: twee keer Add to cart. Quantity 2 is twee identieke stukken. De calculator prijst één knip; Shopify-quantity vermenigvuldigt die regel.

Koppel de calculator aan de varianten via Linking Products & Variants. Eén calculator voor de hele serie is genoeg als alleen `product_price` verschilt. Andere eenheid (rol vs. plaat per m²)? Dan een tweede calculator.

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 een minimumprijs of staffel per lengte 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. Maak de number input in de eenheid waarin je klant denkt (m of mm). Zet min/max op wat je rol of zaag aankan. Laat “Is quantity input” uit.

4. Houd kleur, dikte en collectie als Shopify-varianten. Lengtes niet.

5. Test: wissel van variant, vul 3,40 in, controleer live prijs, toeslag, checkbox 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 number field lengteprijs is geen raster van centimeter-SKU’s en geen Quantity die zich voordoet als meters. Het is lengte × tarief op een calculator die aan echte productvarianten hangt. Native Shopify stopt bij drie options en 2048 variants; continue meters horen in het getalveld.

Zet het number field in Options Price Calculator en laat de volgende klant 3,40 m afrekenen zonder een offerte.