Skip to main content
Het Image-blok toont één afbeelding in de cart drawer (een trustbadge, een promotiegraphic of een gehoste preset zoals een strook betaaliconen) om visuele geruststelling of promotie aan de winkelwagen toe te voegen, ofwel door je eigen afbeelding te uploaden, ofwel door een kant-en-klare preset te kiezen.
Image-blok dat een gehoste afbeelding of preset-asset in de cart drawer rendert

Gedrag

  • Als er geen afbeelding en geen preset zijn ingesteld, rendert het blok niets op de live winkelwagen. In de editor toont het een “Add an image”-placeholder zodat het blok selecteerbaar blijft.

Instellingen

Wanneer je een preset selecteert, neemt die de plaats in van een geüploade afbeelding, en wordt de eigen alt-tekst van de preset gebruikt als je het veld Alt text leeg laat.

Plaatsing en limieten

  • Regio: overal (bovenkant, body of onderkant).
  • Maximum: 3 per winkelwagenstaat — de gevulde winkelwagen en de lege winkelwagen krijgen elk hun eigen limiet.
  • Staat: zowel gevulde als lege winkelwagen.
  • Niet standaard toegevoegd. Niet vergrendeld — je kunt het verwijderen of verbergen.

Aangepaste template

Ondersteunt een aangepaste template via het tabblad Code, die de ingebouwde markup van dit blok vervangt door jouw JSX. Dit zijn de props die het ontvangt.
altText kan leeg zijn. Render alt="" in plaats van het attribuut weg te laten, zodat de afbeelding als decoratief wordt behandeld. maxHeight en fullWidth zijn waarden die je zelf in je eigen styles moet toepassen; de template past ze niet voor je toe.

Design

Style dit blok via de sectie Design in het instellingenpaneel. Dit zijn overrides per blok die bovenop je globale design komen en erop terugvallen wanneer ze leeg zijn. Wat zijn design-instellingen? Lees er hier meer over: Design-instellingen.