Blocksy Header Elements – Cart 购物车元素

Blocksy Header Elements – Cart 购物车元素

购物车（Cart）元素是电商网站中非常重要的组成部分。它能让用户快速查看购物车中有哪些商品，并据此做出购买决策。

该元素提供了丰富的自定义选项，可以帮助你优化用户体验，其中一些高级功能还专属于 Blocksy Pro 用户。

顶层选项（Top Level Options）

这些选项可控制购物车元素在网站前端的视觉呈现方式。

图标（Icons）
第一个选项让你选择用于代表购物车的小图标。默认提供 6 种精美样式，Blocksy Pro 用户还可以上传自定义的 SVG 图标进行替换。

同时，你可以设置图标的显示尺寸，并且可以针对不同设备单独调整。

“图标徽标（icon badge）” 选项可显示一个小标记，用来提示用户购物车中已添加的商品数量。

“显示购物车总额（cart total visibility）” 选项则允许你显示购物车中商品的总价。

购物车抽屉（Cart Drawer）

这些选项用于控制迷你购物车弹窗（mini-cart pop-up）的外观。

对于 Blocksy Pro 用户，系统提供了一个从屏幕侧边滑出的次级购物车视图（off-canvas cart）。

购物车抽屉类型（Cart Drawer Type）

此选项可让你选择迷你购物车的样式类型。

• 免费版用户：可使用标准的“购物车弹出”样式（fly-out）
• Pro 用户：可以选择“侧边滑出”（off-canvas）样式

以下设置仅适用于“侧边滑出”类型购物车。

面板宽度（Panel Width）

设置滑出面板的宽度。

滑出方向（Reveal From）

选择侧边购物车从哪一侧出现（左侧或右侧）。

自动打开购物车（Open Cart Automatically）

此功能能有效提高转化率。当用户将商品添加至购物车后，系统会自动打开购物车面板，从而制造购买的“紧迫感”。此外，你还可以利用 Content Blocks（内容模块） 进一步自定义该侧边购物车。

⚠️ 注意：此功能仅在 WooCommerce 启用了 AJAX 设置后才可生效。

数量输入（Quantity Input）

顾名思义，该选项允许用户直接在迷你购物车中调整商品数量，使购物体验更便捷。