产品电商类目¶
电子商务类目是客户浏览产品的页面。它使用 电商类目 、 产品变体 、排序选项和导航路径。本质上，电子商务类目是您的网站商店页面。
电子商务类目包含侧栏（或滑动菜单）的 工具栏和过滤器 ， alongside a dedicated product listing area 。此外，商店和类目的 布局 、 电子商务页脚 以及 类目块 可以进行自定义。
要自定义目录，请转到商店页面，在右上角单击 编辑 ，选择您要更改的部分，并导航到 样式 选项卡。
工具栏和过滤器¶
工具栏和侧边栏（或滑出菜单）提供了高级筛选工具，帮助客户使用 类别 和 属性 来搜索和导航产品目录。
小技巧
如果您不需要显示工具栏或侧栏，请在网站编辑器中禁用所有相关选项， 隐藏属性 ，并确保将一个价格列表分配给网站。
分类¶
要在工具栏中创建 类别 快捷访问或在侧边栏中创建常规访问，请点击 类别 旁边的 顶部 和/或 侧边栏 按钮，并为它们选择一个 样式 。当选择 侧边栏 时，会出现 递归折叠类别 选项，允许您在侧边栏中折叠类别。
注解
侧栏的分类过滤器不受 过滤器 设置的影响。
工具栏¶
您可以点击 工具栏 标签旁的 排序方式、搜索 和/或 租赁 按钮，在商店页面的工具栏中显示搜索栏、排序选项或 租赁产品 的日期选择器。打开 悬浮 开关，即可在滚动时也始终在窗口底部显示搜索栏、价格表选择器 （如果有）和排序选项，并选择一个 默认排序 选项。
注解
默认排序适用于 所有 类别 。
筛选器¶
将 筛选器 字段设置为：
侧边栏 ： 在侧边面板中显示筛选器；
离屏菜单 ： 在滑出菜单中显示筛选器，点击工具栏中的 筛选器 按钮时打开；
隐藏 ： 完全隐藏筛选器。
默认情况下，启用了两个 筛选器 ：
价格 ： 使用此开关显示一个 价格区间 栏，允许客户通过拖动可调节的滑块按特定价格区间筛选产品。
标签 ： 开启此开关以在商店页面显示产品 标签 ，并允许客户通过进入 标签 部分使用这些标签来筛选产品。
小技巧
要在电子商务网站上创建产品标签，请前往 ，然后选择要为其创建标签的产品。在产品表单上，导航到 电子商务 选项卡，然后在 标签 字段中选择一个标签，或 创建并编辑 一个标签。在 创建标签 弹出窗口中，添加 标签 名称，开启/关闭 向客户显示 开关，并选择一种 颜色。您也可以选择添加图像。然后转到产品表单，在需要的位置分配相关标签。
属性¶
当您提供带有不同 属性 的 产品变体 时，在显示筛选器时这些选项会出现在侧边栏或滑出菜单中。菜单会自动适应属性部分的数量：
最多 4 个属性 ： 显示所有属性值。
超过 4 个属性 ： 各部分会自动折叠。
注解
对于 单选 和 下拉 显示类型 ，当值超过 8 个时会出现 查看更多 按钮，当值的数量超过 20 时会出现搜索框。
筛选器要可见，至少需要两个属性值。
位于侧边栏或滑出菜单中的属性筛选器受 筛选器 设置的影响。
产品列表区域¶
通过配置每页和每行显示的 大小 并指定 移动 设备的列数，来定义商店页面上显示的产品数量。
注解
页面上显示的产品数量可能会影响性能和页面加载速度。
此外，您可以手动更改产品在商店页面或产品类别页面上的位置。为此，请点击某个特定产品，更改其 大小 ，并使用 样式 选项卡中 产品 部分里的箭头对其 重新排序 。 (双左箭头) 和 (双右箭头) 按钮可将产品移至最左侧或最右侧，而 (单左箭头) 和 (单右箭头) 按钮可将其向左或向右移动一行。您也可以选择或创建 徽带或徽标 来突出显示特定产品。
小技巧
您也可通过前往 ，切换至列表视图，并通过拖放操作调整产品在列表中的顺序，从而改变其在商店页面的展示位置。
产品卡片设计¶
要自定义产品卡片的设计，请选择一个 产品设计 ，并点击其旁边的 (画笔) 图标以：
选择一个 预设 布局；
调整 常规 设计；
自定义 文本与内容 （例如，显示 描述 和 评分 ）；
自定义 图片 的布局（例如，启用 次要图片 以在商店或类别页面上将鼠标悬停于产品图片时显示第二张图片）；
小技巧
您还可以在产品卡片上添加 变体图片。
商店与分类页面设计¶
商店和单个类别页面的设计可按如下方式进行自定义：
目录块¶
目录 构建块 可用于例如创建对商店页面的快速访问、展示特定的产品类别、突出显示特定的产品选择，或添加带有常规信息或促销活动的横幅。
根据所选模板，您可以在 样式 选项卡中 自定义 这些块。
示例
例如，这个特定的 目录 块模板显示一组产品选择，并可进行自定义以：
调整该块的设计。
选择一个 卡片设计 ，并使用 (画笔) 图标 配置 它。
通过选择相关的 筛选 选项来定义在块中显示哪些项目，例如 最新产品 以显示最新到货的商品。
在 类别 下拉列表中选择一个特定的产品类别。
通过切换 标签 和/或 显示变体 选项来筛选产品。