Skip to main content
Image 区块在购物车抽屉内显示单张图片(信任徽章、促销图形,或支付图标条之类的托管预设),为购物车增加视觉信任感或促销效果,你可以上传自己的图片,也可以直接使用现成的预设。
在购物车抽屉内渲染托管图片或预设素材的图片区块

行为

  • 如果没有设置图片和预设,该区块在线上购物车中不渲染任何内容。在编辑器中它会显示 “Add an image” 占位符,以便区块保持可选中。

设置

选择预设后,它会取代任何已上传的图片;如果你将 Alt text 字段留空,将使用预设自带的替代文本。

位置和限制

  • **区域:**任意(顶部、主体或底部)。
  • **数量上限:**每个购物车状态 3 个——已装满购物车和空购物车各有自己的额度。
  • **状态:**已装满和空购物车均可。
  • 默认不添加。未锁定——你可以删除或隐藏它。

自定义模板

支持从其 Code 标签页使用自定义模板,用你的 JSX 替换此区块的内置标记。以下是它接收的 props。
altText 可能为空。请渲染 alt="" 而不是省略该属性,这样图片会被视为装饰性图片。maxHeightfullWidth 是供你在自己的样式中应用的值;模板不会替你应用它们。

设计

使用设置面板中的 Design 部分为此区块设置样式。这些是按区块的覆盖,叠加在你的全局设计之上,留空时回退到全局设计。 什么是设计设置?在这里了解更多:设计设置