Banner 区块

Banner 区块是显示在购物车内的消息条，适用于促销、运费信息或紧迫性提示，例如免运费通知、促销公告或”购物车已保留”提示。它可以包含实时倒计时。

• 只有同时满足三个条件时倒计时才会运行： 计时器已启用、文字中包含 {{timer}} 令牌，且时长大于零。否则横幅显示为静态文字。
• 计时器以 MM:SS 格式倒数，并会为顾客的标签页记忆状态（会话期间在你商店内的页面跳转不会重置它），因此不会在每个页面上重新开始。
• 当计时器到达 00:00 时，整个横幅会消失，因此顾客永远不会看到归零的时钟。
• 在编辑器预览中，计时器会循环播放且横幅不会隐藏，方便你持续调整样式。

• 区域： 任意（顶部、主体或底部）。
• 最大数量： 每种购物车状态 3 个——有商品的购物车和空购物车各有自己的额度。
• 状态： 有商品和空购物车均可。
• 默认添加到新购物车中。未锁定，因此你可以移除或隐藏它。

function CustomTemplate(props) {
  // The built-in banner removes itself at 00:00; a custom template must do the same.
  if (props.shouldUseTimer && props.isTimerExpiredAndShouldHide) return null;

  return (
    <div className="cart-external-banner" style={{ padding: '10px', textAlign: 'center' }}>
      <span dangerouslySetInnerHTML={{ __html: props.text }} />
    </div>
  );
}