Skip to main content
Le bloc Image affiche une seule image dans le tiroir du panier (un badge de confiance, un visuel promotionnel ou un préréglage hébergé comme une bande d’icônes de paiement) pour ajouter une réassurance visuelle ou une promotion au panier, soit en téléversant votre propre image, soit en insérant un préréglage prêt à l’emploi.
Bloc Image affichant une image hébergée ou un élément de préréglage dans le tiroir du panier

​
Comportement

  • Si aucune image ni aucun préréglage n’est défini, le bloc n’affiche rien sur le panier en ligne. Dans l’éditeur, il affiche un espace réservé « Add an image » pour que le bloc reste sélectionnable.

​
Paramètres

Lorsque vous sélectionnez un préréglage, il prend la place de toute image téléversée, et le texte alternatif propre au préréglage est utilisé si vous laissez le champ Alt text vide.

​
Placement et limites

  • Région : n’importe laquelle (haut, corps ou bas).
  • Maximum : 3 par état de panier. Le panier rempli et le panier vide ont chacun leur propre quota.
  • État : panier rempli et panier vide.
  • 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.
altText peut être vide. Affichez alt="" plutôt que d’omettre l’attribut, afin que l’image soit traitée comme décorative. maxHeight et fullWidth sont des valeurs à appliquer dans vos propres styles ; le modèle ne les applique pas pour vous.

​
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. Que sont les paramètres de design ? Apprenez-en plus ici : Paramètres de design.