产品附加区块

Product add-on 区块在购物车内推荐一个你选定的特定产品作为附加项，把一个已知产品（延保、样品、畅销品）作为快速添加项直接展示在购物车中。

• 如果没有解析到可用变体——产品未设置、已归档或缺货——区块将不渲染任何内容，而不是显示一个无效按钮。
• 控件反映的是此区块自己的附加行是否在购物车中，所以关闭它会移除它添加的那一行（不会影响在别处添加的同一产品）。
• 存在真正降价时，原价会显示删除线；如果折扣四舍五入后低于 1%，”% off” 标签会被隐藏。
• 当所选变体没有图片时，附加产品图片会回退到产品的主图。

Title、Price label 和 Description 都支持同样的四个令牌：{{product_title}}、{{price}}、{{compare_at_price}} 和 {{savings}}。

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

支持从其 Code 标签页使用自定义模板，用你的 JSX 替换此区块的内置标记。以下是它接收的 props。 使用设置面板中的 Design 部分为此区块设置样式。这些是按区块的覆盖，叠加在你的全局设计之上，留空时回退到全局设计。 Design 中的 Text（文字）部分让你控制三个元素的排版。使用 Text element 选择器在它们之间切换。 Title——产品名称。也支持自定义字体族。加粗和文字颜色在上方的富文本编辑器（Settings 标签页）中设置，而不是在这里。 Price——价格行。加粗和文字颜色在上方的富文本编辑器中设置。 Description——辅助文案。加粗和文字颜色在上方的富文本编辑器中设置。 什么是设计设置？在这里了解更多：设计设置。