MX Development

Versbezorgingsmerk (NL)

Custom cart & PDP die app-updates overleven, mét documentatie

Voor een versbezorger: een custom twee-koloms cart met gratis-verzending-progressie, een bezorgwidget-override die de re-renders van de app zelf overleeft, en een metafield-gedreven PDP, allemaal opgeleverd met volledige overdrachtsdocumentatie.

LiquidJavaScriptMutationObserverMetafieldsMetaobjectsGTM

De uitdaging

Koeltransport vereist een postcode-/bezorg-app waarvan de UI vloekte met het merk, en waarvan de embed elke styling wegvaagde bij re-renders. De cart moest herbouwd worden zonder het AJAX-contract van het theme te breken. En de klant wilde elke aanpassing gedocumenteerd.

Wat ik heb gebouwd

  • ✓Custom twee-koloms cart in plaats van de standaardcart: gratis-verzending-balk, kortingsaccordeon, bezorgnotitie en USP-rij, aangesloten op de bestaande AJAX-re-render-targets van het theme
  • ✓MutationObserver-override die de embed van de bezorg-app hersteld bij elke re-injectie, met een CSS-ontsnappingsluik dat de native UI terugzet zodra de merchant bezorgmethodes toevoegt
  • ✓Metafield-/metaobject-gedreven PDP-blokken: USP's, gekoppelde varianten, bezorginfo, receptcontent
  • ✓Een overdrachtsdocument dat elke aanpassing en de update-veiligheid ervan beschrijft

Resultaat

  • →Merkconsistente bezorg-UX bovenop een third-party app, stabiel door app-updates heen
  • →Elke volgende developer kan het theme oppakken puur op basis van de documentatie
← Terug naar alle projecten

Zoiets nodig voor jouw shop?

Elk project hier begon met één gesprek. Vertel me wat jij wilt bouwen.