跳过到主内容
< 返回
当前位置:
打印

购物车页面构建器

目录

购物车布局将标准的 WooCommerce 购物车替换为在 Gutenberg、Elementor 或 WPBakery 中创建的自定义设计。常规购物车和空购物车状态使用不同的布局类型。

创建购物车布局

1. 导航至 仪表盘 → 布局 → 购物车 并点击添加按钮。

2. 选择 购物车 作为布局类型并输入布局名称。

3. 选择预定义设计或从空白布局开始,然后点击 创建布局。

4. 添加购物车元素和支持内容,然后发布布局。

购物车布局元素
WPBakery 页面构建器中的购物车页面布局元素
带有站点和 WooCommerce 元素类别的添加元素面板
WPBakery 页面构建器中的购物车页面布局站点元素
购物车布局元素 elementor
Elementor 中的购物车页面布局元素
Gutenberg 上的购物车布局块
Gutenberg 中的购物车页面布局块
Gutenberg 购物车布局站点元素
Gutenberg 中的购物车页面布局站点块

购物车元素

  • 购物车表格 — 显示购物车中的产品,包括产品图片、标题、价格、数量控制、移除操作和优惠券表单。
  • 购物车总计 — 显示小计、可用的配送方式、总计和结账操作。
  • 免费赠品 — 当配置了免费赠品功能时,显示符合条件的赠品。
  • WooCommerce 通知、钩子、面包屑、结账步骤和配送进度条 — 在需要的地方添加支持的 WooCommerce 信息。

常规页面构建器元素可用于标题、信任信息、横幅、推荐以及购物车周围的其他内容。

创建空购物车布局

当客户的购物车中没有产品时,会显示空购物车布局。

1. 打开 仪表盘 → 布局 → 购物车 并创建另一个布局。

2. 选择 空购物车 作为布局类型。

3. 选择预定义设计或创建空白布局。

用于空购物车布局的创建布局对话框

添加 空购物车 元素以输出空购物车消息和返回商店操作。您可以在其周围放置其他块或小部件。

空购物车块

布局可用性

购物车和空购物车是全局布局类型,没有可配置的包含或排除条件。为常规购物车使用一个已发布的布局,为空购物车状态使用另一个。

插件兼容性

如果自定义购物车中缺少 WooCommerce 扩展的内容,请参阅 WooCommerce 钩子和插件兼容性。