Skip to main content
Der Notes-Block ist ein einklappbares Feld, in dem Käufer Bestellnotizen oder besondere Anweisungen hinzufügen können (Geschenknachrichten, Lieferanweisungen und so weiter), ohne den Warenkorb zu verlassen. Die Notiz wird im Warenkorb gespeichert und in die Bestellung übernommen.
Notes-Block mit einem einklappbaren Bestellnotiz-Feld, in dem Käufer besondere Anweisungen hinzufügen können

Verhalten

  • Das Feld ist ein einklappbares Disclosure, standardmäßig eingeklappt. Das Einklappen ist rein visuell — eine gespeicherte Notiz gilt weiterhin. Ist es mit gespeicherter Notiz eingeklappt, wird ein Häkchen angezeigt, damit der Käufer weiß, dass seine Notiz gespeichert ist.
  • Die Notiz wird gespeichert, wenn der Käufer wegklickt (beim Blur), mit Statusrückmeldung für Speichern / Gespeichert / Fehler.
  • Wenn sich die Warenkorb-Notiz anderswo ändert — auf der /cart-Seite oder in einem anderen Tab — synchronisiert sich das Feld damit, es sei denn, der Käufer hat bereits zu tippen begonnen, sodass seine laufende Notiz nie überschrieben wird.

Einstellungen

Platzierung und Limits

  • Region: Body oder unten.
  • Maximum: 1 pro Warenkorb-Zustand.
  • Zustand: nur gefüllter Warenkorb.
  • Nicht standardmäßig hinzugefügt. Nicht gesperrt — du kannst ihn entfernen oder ausblenden.

Benutzerdefiniertes Template

Unterstützt ein benutzerdefiniertes Template über seinen Code-Tab, das das integrierte Markup dieses Blocks durch dein JSX ersetzt. Das sind die Props, die er erhält.
Die Notiz wird bei onNoteBlur gespeichert, nicht bei jedem Tastendruck. Verdrahte sowohl onNoteChange als auch onNoteBlur, sonst werden Notizen stillschweigend nie gespeichert. Halte den Statustext in einer Live-Region, damit Screenreader Speichern und Gespeichert ansagen.

Design

Style diesen Block über seinen Design-Abschnitt im Einstellungs-Panel. Das sind blockspezifische Overrides, die über deinem globalen Design liegen und darauf zurückfallen, wenn sie leer sind.

Text

Der Abschnitt Text in Design lässt dich die Typografie zweier Elemente steuern. Verwende den Text element-Picker, um zwischen ihnen zu wechseln. Title — die Abschnittsüberschrift über dem Notizfeld. Fett wird im Rich-Text-Editor darüber (im Settings-Tab) festgelegt. Die Textfarbe wird im Toggle-Abschnitt von Design festgelegt. Note field — der Text innerhalb der Textarea, in die Käufer ihre Notiz eintippen. Was sind Design-Einstellungen? Erfahre mehr hier: Design-Einstellungen.