Skip to main content
Het Notes-blok is een inklapbaar veld waarin shoppers bestelnotities of speciale instructies kunnen toevoegen (cadeauberichten, bezorginstructies, enzovoort) zonder de winkelwagen te verlaten. De notitie wordt opgeslagen bij de winkelwagen en gaat mee naar de bestelling.
Notes-blok met een inklapbaar veld voor bestelnotities waar shoppers speciale instructies kunnen toevoegen

Gedrag

  • Het veld is een inklapbare disclosure, standaard ingeklapt. Inklappen is puur visueel — een opgeslagen notitie blijft van kracht. Wanneer het veld ingeklapt is met een opgeslagen notitie, verschijnt er een vinkje zodat de shopper weet dat de notitie is bewaard.
  • De notitie wordt opgeslagen wanneer de shopper wegklikt (bij blur), met statusfeedback voor opslaan / opgeslagen / fout.
  • Als de winkelwagennotitie elders verandert — op de /cart-pagina of in een ander tabblad — synchroniseert het veld mee, tenzij de shopper al is begonnen met typen, zodat een notitie in wording nooit wordt overschreven.

Instellingen

Plaatsing en limieten

  • Regio: body of onderkant.
  • Maximum: 1 per winkelwagenstaat.
  • Staat: alleen gevulde winkelwagen.
  • Niet standaard toegevoegd. Niet vergrendeld — je kunt het verwijderen of verbergen.

Aangepaste template

Ondersteunt een aangepaste template via het tabblad Code, die de ingebouwde markup van dit blok vervangt door jouw JSX. Dit zijn de props die het ontvangt.
De notitie wordt opgeslagen bij onNoteBlur, niet bij elke toetsaanslag. Koppel zowel onNoteChange als onNoteBlur, anders worden notities stilzwijgend nooit bewaard. Houd de statustekst in een live-regio zodat screenreaders opslaan en opgeslagen aankondigen.

Design

Style dit blok via de sectie Design in het instellingenpaneel. Dit zijn overrides per blok die bovenop je globale design komen en erop terugvallen wanneer ze leeg zijn.

Text

De sectie Text in Design regelt de typografie van twee elementen. Gebruik de kiezer Text element om ertussen te wisselen. Title — de sectiekop boven het notitieveld. Vet stel je in de Rich Text Editor hierboven in (op het tabblad Settings). Tekstkleur stel je in de sectie Toggle van Design in. Note field — de tekst in de textarea waarin shoppers hun notitie typen. Wat zijn design-instellingen? Lees er hier meer over: Design-instellingen.