Bloc Empty cart

Le bloc Empty cart est le contenu affiché lorsque le panier ne contient aucun article, généralement un message et un bouton pour continuer les achats, afin qu’un tiroir vide reste utile et fidèle à votre marque. Il n’apparaît que dans l’état vide du panier ; d’autres blocs (comme le Header) peuvent l’accompagner dans ce même état.

• Le bloc n’apparaît que lorsque le panier est vide. Dès qu’un acheteur ajoute un article, le panier bascule vers son état rempli et ce bloc est remplacé par votre mise en page de panier rempli.
• Dans l’éditeur, le lien du CTA est inactif afin qu’un clic ne vous fasse pas quitter la page pendant la conception.

• Région : corps.
• Maximum : 1 par état de panier.
• État : panier vide uniquement. Ce bloc n’apparaît pas dans l’état rempli. Les nouveaux paniers incluent également un Header dans l’état vide par défaut ; consultez Comment fonctionnent les paniers ?.
• Ajouté aux nouveaux paniers par défaut. Non verrouillé — vous pouvez le supprimer ou le masquer.

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. 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. 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. Message — le texte du message d’état vide. Le gras et la couleur du texte se règlent dans l’éditeur de texte enrichi ci-dessus (dans l’onglet Settings), pas ici. Button label — le texte du bouton continuer les achats. La couleur du texte se règle dans la section Button de Design. La section Button vous permet de styliser le bouton CTA indépendamment du design global des boutons. Utilisez le sélecteur Default / Hover pour basculer entre les deux états. Que sont les paramètres de design ? Apprenez-en plus ici : Paramètres de design.