Built for Shopify price calculator theme extension: blok onder de prijs, server-side check staat uit tot je hem opslaat, uninstall haalt het blok weg.

2026-11-06

Prijscalculator als theme-blok, niet als script

Een klant vult breedte en hoogte in. De prijs op de productpagina moet meteen kloppen. Volgende maand wissel je van thema. Een handige bezoeker opent de browserconsole en probeert het bedrag te herschrijven. Dat zijn drie technische vragen, geen marketingvraag. De zoekterm die daarop past is een Built for Shopify price calculator theme extension: een app-blok dat het thema niet zelf herschrijft, een controle op de prijs die je aan kunt zetten, en een uninstall die het blok meeneemt.

De app in dit stuk is Options Price Calculator. Op 6 november 2026 staat de badge Built for Shopify op de listing. De badge is een publiek keurmerk van Shopify. Het is geen Lighthouse-rapport van jouw thema dat ik hier kan overtypen.

Must-haves

Ontbreekt een regel, dan is de technische fit er niet, ook niet bij een 5,0.

De calculator is een theme app block op de producttemplate. Geen script-tag, geen geplakte Liquid als enige manier om hem te tonen.
Het blok heet in de theme editor Options Price Calculator, en de docs zetten het onder de prijs en boven Add to cart.
Shopify zelf blijft bij maximaal drie options en 2048 variants per product. De app voegt velden toe. Die velden zijn geen voorraad-SKU’s. 2048 is het plafond, niet 100.
De prijs is een getal uit een formule. Wie “de bezoeker mag de prijs niet in de browser herschrijven” als eis heeft, moet de server-side schakelaar documenteren én aanzetten. Uit is de standaard.
De badge Built for Shopify is het enige snelheidsbewijs dat de listing geeft. Een zelf verzonnen Core Web Vitals-delta hoort niet in een advies.
Bij uninstall verdwijnen blokken van een theme app extension uit het thema. Code die je zelf in een Liquid-bestand plakt, blijft staan.
Free stopt bij 20 uses. Conditionele prijs, font picker, live preview, lookup en file upload zitten op Premium ($19,99), niet op Starter.

Wat elke bron wel en niet bewijst

Gelezen op 6 november 2026. De listing, de docs en de eisenpagina van Shopify.dev zeggen niet hetzelfde.

Vraag	Listing	Docs van de app	Shopify.dev, Built for Shopify
Badge	Ja. “Meets our highest standards for performance, design, and integration.”	De installatiepagina noemt een theme app extension, geen badge-score	Eis 2.2.1: de storefront-Lighthouse mag niet meer dan tien punten dalen
Waar het blok staat	“Works with” noemt Checkout, Admin, AI, Ajax cart, cart drawer, slide-out cart	Producttemplate, Add block, Apps, Options Price Calculator	Theme app extensions, zonder code in het thema te injecteren
Prijs niet te vervalsen	Bullet: “Secure server-side price validation”	Schakelaar staat uit tot je hem opslaat	Geen prijsformule. Wel: blokken van de app gaan weg bij uninstall (3.2.1)
Snelheidsgetal voor jouw thema	Geen	Geen	De tien punten zijn een toelatingslat, geen meting van deze install
Admin-webvitals	Geen	Geen	LCP ≤ 2,5 s, CLS ≤ 0,1, INP ≤ 200 ms, pas beoordeeld vanaf 100 calls in 28 dagen
Checkout-snelheid p95	Niet van toepassing op deze app	Niet in de calculator-docs	Die regel (500 ms, 1000 requests) gaat over carrier-rates, niet over een productpagina

De middelste kolom wint als je wilt weten hoe de app écht werkt. De rechterkolom wint als je wilt weten wat de badge belooft. De linkerkolom wint voor prijs, reviews en de badge zelf.

Het blok op de productpagina

De installatie is bewust saai. Apps, Options Price Calculator, daarna Online Store, Themes, Customize op het gepubliceerde thema. Paginakiezer: Products, Default product, of de template die dit product gebruikt. Add block, Apps, Options Price Calculator. Opslaan. Op de winkel een product openen, opties wisselen, kijken of de prijs meeloopt.

Thema’s noemen de prijs en de knop niet hetzelfde. Daarom is er een selector picker. “Werkt op elk thema zonder setup” staat er niet. Shopify Help Adding variants houdt 2048 als plafond en waarschuwt dat sommige thema’s bij 100 blijven steken. Een gordijn per millimeter hoort niet in die variantlijst.

De formula builder rekent met `+ − × ÷` en haakjes. Het resultaat moet een getal zijn, bijvoorbeeld `(product_price + width * height) * material_multiplier`. Calculators koppel je per variant (koppel-docs). Eén variant dekt dan het product.

Midden in de setup is de listing de plek voor het plan, niet een andere app: Options Price Calculator. Starter is $9,99 en noemt de formula builder, metafields, AI, styling en multilingual. Premium is $19,99: conditionele prijs, font picker, live preview, price breakdown, lookup tables en file uploads. Ultimate is $39,99: show/hide-velden, draft-order checkout, admin calculator, setup service. Alles in USD per 30 dagen.

De schakelaar die niets doet tot je hem opslaat

Elke productpagina schrijft de prijs naar `__ooCustomPrice`. De safety-pagina zet de schakelaar onder Price settings. Uit is de standaard tot je Theme settings opslaat. Uit: cart bundle en draft order vertrouwen dat bedrag, en een bezoeker met devtools kan het wijzigen. Aan: de regel heeft `__ooLiteSig`, `__ooPayloadHash` en `__ooQuotedPrice` nodig. Klopt de handtekening niet, of is de prijs veranderd, dan komt er geen expand. Zelfde check op de draft-order proxy. De schakelaar is globaal. Een property op de storefront zet hem niet uit. Keys roteer je niet zelf.

Aanzetten doe je nadat de formule klopt. Te vroeg aan, en een typefout lijkt een themaprobleem omdat de regel niet uitklapt. Uit laten op een live shop waar de prijs niet te vervalsen mag zijn, faalt de must-have. De listing noemt de check. De docs zeggen dat hij niets doet tot je hem opslaat.

Snelheid, zonder verzonnen score

De badge betekent dat Shopify de app aan die eisenpagina heeft getoetst. Tien Lighthouse-punten is een grens, geen cijfer van jouw thema. De docs meten Core Web Vitals niet. Admin-drempels en de carrier-p95 staan in de tabel hierboven. Ze zijn geen rapport van deze install. Test op een ongepubliceerde themakopie: blok, formule, prijs in de winkelwagen.

Wat achterblijft als je de app verwijdert

Eis 3.2.1 is de exit. Een app die op de online store draait, bouwt zijn thema-onderdelen als theme app extension. Bij uninstall gaan de blokken die bij de app horen automatisch en volledig uit het thema. De app mag het thema niet via de Asset API herschrijven, met een paar uitzonderingen die hier niet spelen (page builder, backup, SEO-tooling). De installatiepagina vraagt geen geplakte snippet.

De calculators wonen in de app. Weg met de app, weg met het blok. Geplaatste orders blijven orders. De listing vraagt klantgegevens, apparaatgegevens, de store owner, klanten, producten, orders van 60 dagen, draft orders, cart transforms, cart- en checkout-validaties, inzicht in het thema, bestanden, locales en Markets. Dat past bij een cart transform. Het is geen DPA.

Het privacybeleid is één algemene tekst. Persoonsgegevens niet buiten Shopify, logs alleen tijdens een storing, niet delen behalve als de wet dat vraagt. Een getekende DPA staat er niet. Die vraag je via info@onlineorigins.nl.

Wanneer native genoeg is

Blijf bij variants als de koper uit een vaste lijst kiest, je voorraad per combinatie wilt, en je binnen drie options en ruim onder 2048 variants blijft. Een T-shirt in S, M en L plus een kleur is geen calculator. Een gravering die de prijs niet wijzigt, blijft een line item property. Die property verandert de eenheidsprijs niet. Help zegt het ook: meer dan drie options of meer dan 2048 variants kan via een app, of via properties in het thema. Properties zijn tekst. Ze zijn geen formuleprijs.

De vergelijking met SE Option Price Calculator, inclusief waar hun listing sterker is, staat in het stuk van 5 november. Dit stuk gaat over het blok, de schakelaar en de exit. Niet over hun prijskaarten.

Reviews op de listing van 6 november

5,0 uit 29. Histogram: 29 vijven, verder nul. De drie kaarten: 30 oktober, Orange Shapes (Nederland, zes maanden), positief over opties, lettertype, maten en support. 29 oktober, Brooklyn Butcher Blocks (VS, twee maanden), schattingen voor werkbladen. 23 oktober, Kingdom Decals (VK, elf dagen), setup en support. Geen één-ster op deze fetch, dus geen developer-antwoord om te citeren. 29 reviews sinds 15 augustus 2025 is een kort bestand. Oudere kaarten staan niet op dit scherm. Talen op de listing: English. Multilingual support staat op Starter.

Primaire bronnen

Tot slot

De technische fit is het blok in de theme editor, de schakelaar die je zelf aanzet, en een uninstall die dat blok meeneemt. De badge dekt de lat van tien Lighthouse-punten. Hij dekt niet een score van jouw thema, en hij zet de prijscheck niet vanzelf aan. Free blijft 20 uses. Premium blijft de laag voor conditionele prijs, live preview en lookup.

Installeren doe je vanaf de listing: Options Price Calculator.