空购物车区块

Empty cart 区块是购物车中没有商品时显示的内容，通常是一条消息和一个继续购物按钮，让空抽屉依然实用且符合品牌调性。它只出现在购物车的空状态；其他区块（如 Header）可以在同一状态下与它并存。

• 该区块仅在购物车为空时出现。购物者一添加商品，购物车就切换到已装满状态，此区块会被你的已装满购物车布局取代。
• 在编辑器中，CTA 链接是不可点击的，这样你在设计时点击它不会跳转离开。

• **区域：**主体。
• **数量上限：**每个购物车状态 1 个。
• **状态：**仅限空购物车。此区块不会出现在已装满状态。新购物车默认还会在空状态中包含一个 Header；参阅购物车如何工作？。
• 默认添加到新购物车。未锁定——你可以删除或隐藏它。

支持从其 Code 标签页使用自定义模板，用你的 JSX 替换此区块的内置标记。以下是它接收的 props。 使用设置面板中的 Design 部分为此区块设置样式。这些是按区块的覆盖，叠加在你的全局设计之上，留空时回退到全局设计。 Design 中的 Text（文字）部分让你控制两个元素的排版。使用 Text element 选择器在它们之间切换。 Message——空状态消息文字。加粗和文字颜色在上方的富文本编辑器（Settings 标签页）中设置，而不是在这里。 Button label——继续购物按钮上的文字。文字颜色在 Design 的 Button 部分设置。 Button 部分让你可以独立于全局按钮设计为 CTA 按钮设置样式。使用 Default / Hover 开关在两种状态之间切换。 什么是设计设置？在这里了解更多：设计设置。