布局构建器

布局构建器允许您使用自定义布局替换标准的 WoodMart、WooCommerce、博客和作品集模板。布局可以使用 Gutenberg、Elementor 或 WPBakery 创建，并且可以包含常规的页面构建器内容和特定于上下文的元素。

打开布局构建器

导航至 仪表盘 → 布局。选项卡按用途组织布局，而 全部 选项卡则显示所有已保存的布局。

创建布局

1. 打开您要自定义区域的选项卡，然后点击添加按钮。

2. 选择 布局类型 并输入一个易于识别的 布局名称。

3. 当所选布局类型可用时，配置包含或排除条件。

4. 选择预定义设计或从空白布局开始。

5. 点击 创建布局，在编辑器中添加所需元素，然后发布布局。

可用的布局类型

商店布局

• 单个产品 — 替换产品页面的内容。
• 产品归档 — 控制商店、产品分类、标签、搜索结果和筛选后的归档页面。
• 购物车 和 空购物车 — 根据购物车是否包含产品来自定义购物车。
• 结账 — 控制结账表单及其支持内容。
• 感谢页 — 自定义订单提交后显示的页面。
• 产品循环项 — 为网格和列表创建可重复使用的产品卡片设计。

客户账户布局

• 我的账户 — 控制账户导航和端点内容。
• 登录/注册 — 自定义客户身份验证页面。
• 丢失密码 — 自定义密码恢复表单。

文章和作品集布局

• 单个文章 和 单个项目 — 替换单个文章或作品集项目模板。
• 博客 和 作品集 — 替换归档和列表模板。

布局条件

条件决定布局的使用位置。选择 包含 以将布局应用于匹配的内容，选择 排除 以防止其在该处使用。当多个布局匹配时，更具体的条件优先于广泛的条件，例如 所有产品 或 所有博客归档。

单个产品条件可以针对所有产品、单个产品、分类、子分类、标签、品牌、属性或产品类型。

产品归档条件可以针对商店页面、搜索结果、产品分类法、子分类或按属性、术语和库存状态筛选的归档。

条件也适用于感谢页、我的账户、单个文章、单个项目、博客和作品集布局。购物车、空购物车、结账、登录/注册、丢失密码和产品循环项布局是全局类型，不提供相同的可配置条件界面。

购物车和结账布局

购物车和空购物车是单独的布局类型。创建一个用于常规购物车的布局，并在您想自定义空购物车状态时创建另一个布局。

结账的行为因所选编辑器而异。使用 Gutenberg 时，创建一个 结账 布局。使用 Elementor 或 WPBakery 时，使用 结账表单 来处理结账字段和订单提交区域，并可选地创建 结账顶部内容 用于登录和优惠券表单。感谢页仍然是单独的布局类型。

选择编辑器

用于导入和新创建布局的编辑器在 仪表盘 → 主题设置 → 其他 → 当前构建器 下选择。支持 Gutenberg、Elementor 和 WPBakery。Elementor 免费版就足够了；Elementor Pro 主题构建器是一个单独的功能。

产品循环项布局始终使用 Gutenberg 编辑，即使选择了 Elementor 或 WPBakery 作为当前构建器也是如此。

如果编辑器不可用

Gutenberg 不需要额外的文章类型激活。对于 Elementor，请确保在 Elementor → 设置 → 常规 → 文章类型 中启用了 布局。对于 WPBakery，请在 WPBakery 角色管理器中启用 woodmart_layout 文章类型。

详细的布局指南

• 单个产品页面构建器
• 产品归档构建器
• 产品循环项构建器
• 购物车页面构建器
• 结账页面构建器
• 感谢页构建器
• 我的账户页面构建器
• 单个文章构建器
• 博客归档构建器

视频教程