Skip to main content
The Image block displays a single image inside the cart drawer (a trust badge, a promotional graphic, or a hosted preset such as a strip of payment icons) to add visual reassurance or promotion to the cart, either by uploading your own image or by dropping in a ready-made preset.
Image block rendering a hosted image or preset asset inside the cart drawer

​
Behavior

  • If no image and no preset are set, the block renders nothing on the live cart. In the editor it shows an “Add an image” placeholder so the block stays selectable.

​
Settings

When you select a preset, it takes the place of any uploaded image, and the preset’s own alt text is used if you leave the Alt text field blank.

​
Placement and limits

  • Region: any (top, body, or bottom).
  • Maximum: 3 per cart state — the filled cart and the empty cart each get their own allowance.
  • State: both filled and empty cart.
  • Not added by default. Not locked — you can remove or hide it.

​
Custom template

Supports a custom template from its Code tab, which replaces this block’s built-in markup with your JSX. These are the props it receives.
altText may be empty. Render alt="" rather than omitting the attribute, so the image is treated as decorative. maxHeight and fullWidth are values for you to apply in your own styles; the template doesn’t apply them for you.

​
Design

Style this block with its Design section in the settings panel. These are per-block overrides that layer on top of your global design and fall back to it when blank. What are design settings? Learn more here: Design settings.