Skip to main content
Blokken Notes er et sammenklappeligt felt, hvor kunder kan tilføje ordrenoter eller særlige instruktioner (gavebeskeder, leveringsinstruktioner og så videre) uden at forlade kurven. Noten gemmes i kurven og føres videre til ordren.
Notes-blok med et sammenklappeligt ordrenote-felt, hvor kunder kan tilføje særlige instruktioner

Adfærd

  • Feltet er et sammenklappeligt disclosure-element, sammenklappet som standard. Sammenklapning er kun visuel — en gemt note gælder stadig. Når det er sammenklappet med en gemt note, vises et flueben, så kunden ved, at noten er gemt.
  • Noten gemmes, når kunden klikker væk (ved blur), med statusfeedback for gemmer / gemt / fejl.
  • Hvis kurvnoten ændres andre steder — på /cart-siden eller i en anden fane — synkroniserer feltet til den, medmindre kunden allerede er begyndt at skrive, så deres igangværende note aldrig overskrives.

Indstillinger

Placering og grænser

  • Region: body eller bund.
  • Maksimum: 1 pr. kurvtilstand.
  • Tilstand: kun fyldt kurv.
  • Tilføjes ikke som standard. Ikke låst — du kan fjerne eller skjule den.

Brugerdefineret skabelon

Understøtter en brugerdefineret skabelon fra dens Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.
Noten gemmes ved onNoteBlur, ikke ved hvert tastetryk. Forbind både onNoteChange og onNoteBlur, ellers gemmes noter aldrig — uden fejl. Hold statusteksten i en live-region, så skærmlæsere annoncerer gemmer og gemt.

Design

Style denne blok med dens Design-sektion i indstillingspanelet. Det er tilsidesættelser pr. blok, som lægger sig oven på dit globale design og falder tilbage til det, når de er tomme.

Text

Sektionen Text i Design lader dig styre typografien for to elementer. Brug Text element-vælgeren til at skifte mellem dem. Title — sektionens overskrift over notefeltet. Fed indstilles i Rich Text-editoren ovenfor (i fanen Settings). Tekstfarve indstilles i Toggle-sektionen i Design. Note field — teksten inde i textarea’et, hvor kunderne skriver deres note. Hvad er designindstillinger? Læs mere her: Designindstillinger.