Shopify maattabel met eigen maten: tabel én centimeters

Een klant meet 127 × 214 cm. Jij hebt in Shopify Size staan als S / M / L, en in de productbeschrijving een HTML-tabel “standaardmaten”. Die twee dingen raken elkaar niet. De tabel is een plaatje van tekst. De option is een SKU. Niemand tikt 127 cm in, en de prijs blijft de variantprijs. Wat je zoekt is een Shopify maattabel met eigen maten: uitleg hoe je meet, plus twee getallen, plus een live totaal.

Dat is geen vierde variantoptie. Native Shopify heeft geen veld “breedte in cm” dat de checkout beïnvloedt. Een maattabel in de beschrijving is copy. Line item properties in het thema bewaren de invoer op de orderregel en wijzigen de prijs niet.

Eerder legden we uit waarom continue afmetingen niet in Shopify-varianten passen. Dit stuk is de combinatie: een leesbare maathulp op de productpagina, en daaronder de centimeters die wél in de formule vallen — met Options Price Calculator.

Size als option is geen maattabel

Shopify-varianten zijn combinaties die je kunt inslaan. Adding variants zet twee grenzen: maximaal drie options per product en maximaal 2048 variants. De oude 100-limiet is weg; de drie-optiegrens niet. Shopify zelf: meer options of meer variants? Een app, of thema-code die line item properties ophaalt. Die properties rekenen niet.

Elke extra centimeter als option value is een cel in dat raster. Van 60 tot 300 cm in stappen van 1 cm zijn al 241 values — en je hebt nog geen hoogte. Twee assen maken snel duizenden SKU’s. Elke cel wil prijs, voorraad en eventueel media. Shopify staat tot 250 media per product toe. Een foto per cel is geen plan.

Wat native wél hoort: stof of kleur als variant, omdat je die legt. Wat native niet hoort: elke mogelijke raamopening als option value. Dat eet een van je drie slots en geeft alsnog geen 127,5 cm.

Een HTML-tabel in de beschrijving lost dat niet op. Op desktop staat hij onder de fold. Op de telefoon scrollt hij voorbij Add to cart. En hij koppelt nergens aan een prijs.

Wat webshops nu doen

S / M / L plus een PDF “hoe meet je”

De klant kiest Medium, downloadt de PDF, meet 127 cm, en mailt. Jij maakt een draft order. De webshop is een catalogus geworden.

Quantity als centimeters

Quantity 127 = 127 cm. Shopify-quantity is een heel getal, de winkelwagen zegt “127 stuks”, en hoogte past er niet bij. Twee dimensies in één quantity-veld bestaat niet.

Een Liquid-invoer `properties[Breedte]`

De orderregel toont 127. Checkout telt de productprijs. Jij tikt het verschil later, of de klant betaalt te weinig. Geen live totaal, geen min/max.

Alle standaardmaten als variant

60×90, 80×100, 100×140. Overzichtelijk tot iemand 127 × 214 wil. Dan bel je, of de klant koopt te groot.

Geen van die routes geeft je: uitleg op de pagina, twee getalvelden, live som, SKU’s alleen voor wat je écht legt.

Uitleg op de pagina, centimeters in de formule

Options Price Calculator is Built for Shopify (5.0, 26 reviews op de listing). Onder Customization staan Size charts, Dimensions en Numbers. 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, lookup-tabellen, live preview, price breakdown. Free: 20 uses; op een Shopify Develop-plan altijd gratis. Facturatie in USD.

De vuistregel: moet je voorraad per combinatie bijhouden? Variant. Meet de klant zelf, en wijzigt alleen de prijs? Getalvelden. Wil je daarnaast uitleggen *hoe* je meet? Dat is display, geen SKU.

Rich text: hoe je meet (geen prijs)

De Rich Text-docs zijn duidelijk: het veld is alleen weergave. Vet, cursief, lijsten, links. Geen invloed op de formule. Key bijvoorbeeld `measurement_info`. Zet erboven: meet de dag-opening, niet de stof; trek 0,5 cm speling af; breedte eerst, dan hoogte. Dat is de “maattabel” als hulplijn — geen Excel-grid, wel de tekst die voorkomt dat iemand de kozijnmaat invult.

Variables and Field Values herhaalt het: Rich Text, Divider en Calculation display zijn niet als variabelen beschikbaar.

Number input: de centimeters die wél rekenen

De Number Input-docs gebruiken zelf `Width (cm)` als labelvoorbeeld. Key: alleen kleine letters, cijfers, underscores — `width` en `height`, of `width_cm`. Required aan. Default mag een gangbare breedte zijn; de klant overschrijft die. Negatieve waarden uit. Minimum en maximum altijd: docs-voorbeeld `10` en `300`. Daaronder of daarboven is de invoer ongeldig en gaat het product niet in de winkelwagen.

Laat “Is quantity input” uit. Dit is geen Shopify-aantal; het is een maat.

Formule: oppervlakte, of een matrix

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

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

Oppervlakte als tussenstap in 4a. Custom variables: `width * height`, daarna hergebruiken. Afronden aan het eind: `Math.round(...)` of `Math.ceil(...)`.

Reken je niet per m² maar via een prijsraster (breedte × hoogte → cel)? Dat is Premium: 4b. Lookup tables, `lookup2d(table_id, x_field, y_field)`, X en Y gekoppeld aan die number inputs. Alleen noemen als je die matrix écht hebt; op Starter blijft het de enkele formule.

Staffel vanaf een drempel — docs example 7, `width > 200` dan een hoger tarief — is ook Premium conditional. Zet dat niet op Free/Starter.

Praktijk: jaloezie, stof als SKU, opening als getal

SKU’s blijven native: lamelkleur (wit / antraciet) en bediening (koord / motor). Twee van je drie options. Geen “Breedte”-option.

Calculator, van boven naar beneden:

• Rich text `measurement_info`: meet de dag, breedte tussen de stijlen, hoogte tot de vensterbank. Link naar een meetinstructie mag.

• Number input `width`, label `Breedte (cm)`, verplicht, min `40`, max `280`, geen default

• Number input `height`, label `Hoogte (cm)`, verplicht, min `50`, max `320`

• Formule `product_price + (width * height)` — of, als `product_price` al het m²-tarief is en de velden in meters staan, dezelfde vorm met meters

Klant kiest antraciet / motor (variantprijs €38), typt 1,27 × 2,14 m: `38 + (1.27 * 2.14)`. Live op de pagina, dezelfde som in checkout. Fulfillment leest de centimeters op de orderregel. Je hebt geen SKU “antraciet-motor-127×214” op voorraad.

Twee verschillende openingen: twee keer Add to cart. Quantity 2 is twee identieke jaloezieën met dezelfde maten. 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 lookup-tabellen of conditionele drempels 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 Rich Text toe voor de meetuitleg. Daarna twee number inputs. Keys `width` / `height`. Min en max uit je productie.

4. Houd kleur en stof als Shopify-varianten. Centimeters niet.

5. Test: wissel van variant, typ de min, de max, een waarde ertussen. 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”.

Is de vraag alleen 1D, meters van de rol? Dat pad staat in lengteprijs met een number field. Hier gaat het om de tabel-plus-twee-assen.

Tot slot

Een Shopify maattabel met eigen maten is geen extra Size-option en geen HTML in de beschrijving. Het is uitleg op de productpagina, twee getalvelden met min/max, en een formule die `width` en `height` pakt. Native Shopify stopt bij drie options en 2048 variants; 127,4 cm hoort daar niet in.

Zet de maathulp en de centimeters in Options Price Calculator en laat de volgende klant de opening intypen zonder een extra SKU.