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

产品归档构建器

目录

产品归档布局允许您自定义商店页面、产品分类、标签、品牌、搜索结果和筛选后的产品归档。它们可以使用 Gutenberg、Elementor 或 WPBakery 创建。

创建产品归档布局

1. 导航至 仪表盘 -> 布局 -> 产品归档 并点击添加按钮。

2. 输入布局名称并配置其显示位置。

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

4. 构建归档并发布布局。

Elementor 中的产品归档布局元素
Elementor 中的归档产品布局元素
Elementor 中显示站点小部件的元素面板
Elementor 中的归档产品布局站点元素
WPBackery 中的产品归档布局元素
WPBakery Page Builder 中的归档产品布局元素
WPBackery 布局中的站点元素
WPBakery Page Builder 中的归档产品布局站点元素
Gutenberg 产品归档布局元素
Gutenberg 中的归档产品布局块
Gutenberg 中的站点布局元素
Gutenberg 中的归档产品布局站点块

设置布局条件

条件允许您为主商店、特定产品分类法和筛选后的归档状态使用不同的布局。可用条件包括:

当广泛的归档布局需要例外时,请组合使用包含和排除规则。更具体的匹配条件优先于 所有产品归档 布局。

产品归档元素

以下元素显示当前 WooCommerce 归档的数据并提供其目录控件。

归档内容

  • 归档产品 — 显示当前归档查询中的产品。当列表必须遵循当前商店、分类法、搜索、分页和筛选状态时,请使用此元素代替手动配置的产品元素。
  • WooCommerce 标题 或 归档标题 — 显示当前商店页面、产品分类法或搜索结果的标题。
  • 归档描述 — 显示商店页面内容或当前产品分类法术语的描述。
  • 分类额外描述 — 显示为当前产品分类配置的附加描述。
  • 产品分类 — 显示分类网格或分类导航。

目录控件

  • 每页产品数 — 允许客户更改每个归档页面上显示的产品数量。
  • 结果计数 — 显示当前结果集中产品的数量和范围。
  • 排序方式 — 允许客户按热门程度、评分、日期和价格等选项对产品进行排序。
  • 视图 — 提供可用的产品网格或列表视图控件。
  • 活动筛选器 — 显示当前应用的筛选器,并允许客户将其移除。

筛选器和侧边栏

  • 筛选器区域 — 在水平可折叠部分中显示商店筛选器小部件区域或选定的筛选器 HTML 区块。
  • 筛选器区域按钮 — 打开和关闭筛选器区域。当区域应可折叠时,请同时添加两个元素。
  • 产品筛选器 — 直接在编辑器中构建筛选表单,无需依赖小部件区域。
  • 侧边栏 — 显示选定的小部件区域,通常是外观 → 小工具下配置的商店侧边栏。

支持的 WooCommerce 元素

  • 页面标题 — 显示主题页面标题部分,并遵循其全局主题设置。
  • WooCommerce 面包屑 — 显示访客当前的目录位置。
  • 通知 — 显示 WooCommerce 错误、警告和成功消息。
  • WooCommerce 钩子 — 为扩展或自定义代码恢复选定的 WooCommerce PHP 钩子。

相关归档指南

  • 向自定义商店布局添加筛选器区域
  • 自定义商店布局中的抽屉式侧边栏
  • 产品循环项构建器
  • WooCommerce 钩子和插件兼容性

视频教程