Skip to main content
Der Image-Block zeigt ein einzelnes Bild im Cart-Drawer an (ein Vertrauenssiegel, eine Werbegrafik oder ein gehostetes Preset wie eine Reihe von Zahlungssymbolen), um dem Warenkorb visuelle Bestätigung oder Werbung hinzuzufügen — entweder durch das Hochladen eines eigenen Bildes oder durch das Einfügen eines fertigen Presets.
Image-Block, der ein gehostetes Bild oder Preset-Asset im Cart-Drawer rendert

​
Verhalten

  • Wenn weder ein Bild noch ein Preset gesetzt ist, rendert der Block im Live-Warenkorb nichts. Im Editor zeigt er einen „Add an image“-Platzhalter, damit der Block auswählbar bleibt.

​
Einstellungen

Wenn du ein Preset auswählst, tritt es an die Stelle eines hochgeladenen Bildes, und der eigene Alt-Text des Presets wird verwendet, wenn du das Alt-text-Feld leer lässt.

​
Platzierung und Limits

  • Region: beliebig (oben, Body oder unten).
  • Maximum: 3 pro Warenkorb-Zustand — der gefüllte und der leere Warenkorb erhalten jeweils ihr eigenes Kontingent.
  • Zustand: sowohl gefüllter als auch leerer 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.
altText kann leer sein. Rendere alt="", statt das Attribut wegzulassen, damit das Bild als dekorativ behandelt wird. maxHeight und fullWidth sind Werte, die du in deinen eigenen Styles anwenden musst; das Template wendet sie nicht für dich an.

​
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. Was sind Design-Einstellungen? Erfahre mehr hier: Design-Einstellungen.