Skip to main content
Le bloc Notes est un champ repliable où les acheteurs peuvent ajouter des notes de commande ou des instructions spéciales (messages cadeaux, instructions de livraison, etc.) sans quitter le panier. La note est enregistrée dans le panier et transmise à la commande.
Bloc Notes montrant un champ de notes de commande repliable où les acheteurs peuvent ajouter des instructions spéciales

Comportement

  • Le champ est un élément repliable, replié par défaut. Le repli est purement visuel — une note enregistrée s’applique toujours. Lorsqu’il est replié avec une note enregistrée, une coche s’affiche pour que l’acheteur sache que sa note est bien stockée.
  • La note s’enregistre lorsque l’acheteur clique ailleurs (au blur), avec un retour de statut saving / saved / error.
  • Si la note du panier change ailleurs — sur la page /cart ou dans un autre onglet — le champ se synchronise avec elle, sauf si l’acheteur a déjà commencé à taper, afin que sa note en cours ne soit jamais écrasée.

Paramètres

Placement et limites

  • Région : corps ou bas.
  • Maximum : 1 par état de panier.
  • État : panier rempli uniquement.
  • Non ajouté par défaut. Non verrouillé — vous pouvez le supprimer ou le masquer.

Modèle personnalisé

Prend en charge un modèle personnalisé depuis son onglet Code, qui remplace le balisage intégré de ce bloc par votre JSX. Voici les props qu’il reçoit.
La note s’enregistre sur onNoteBlur, pas à chaque frappe. Connectez à la fois onNoteChange et onNoteBlur, sinon les notes ne persistent silencieusement jamais. Gardez le texte de statut dans une région live afin que les lecteurs d’écran annoncent l’enregistrement en cours et terminé.

Design

Stylisez ce bloc avec sa section Design dans le panneau de paramètres. Il s’agit de surcharges par bloc qui se superposent à votre design global et y reviennent lorsqu’elles sont vides.

Text

La section Text dans Design vous permet de contrôler la typographie de deux éléments. Utilisez le sélecteur Text element pour basculer entre eux. Title — l’intitulé de la section au-dessus du champ de note. Le gras se règle dans l’éditeur de texte enrichi ci-dessus (dans l’onglet Settings). La couleur du texte se règle dans la section Toggle de Design. Note field — le texte à l’intérieur du textarea où les acheteurs saisissent leur note. Que sont les paramètres de design ? Apprenez-en plus ici : Paramètres de design.