跳至正文
帮助
编辑器版块与区块

如何自定义合集页面的产品网格(合集产品)?

自定义合集页面:合集产品网格、列数、移动端列数、间距、产品卡片、使用 {{collection_name}}、{{collection_description}} 和 {{products_count}} 的标题、子分类、产品顺序,以及“显示更多”按钮。

阅读时间 3 分钟

顾客点击某个合集时会打开合集页面。它的主版块合集产品以卡片网格的形式显示该合集中的产品。该版块是此页面的必需版块。

在哪里找到它

  1. 打开建站工具,在页面标签中选择合集页面。
  2. 选择一个合集进行预览。这只会改变预览:您的所有合集使用同一套设计。
  3. 点击合集产品。

版块设置

  • 版块宽度:页面或全宽。
  • 列数:桌面端每行 1 到 8 张卡片。
  • 移动端列数:手机上每行 1 或 2 张卡片。
  • 配色方案、卡片之间的间距、内边距以及自定义 CSS。

区块

  • 产品卡片:每个产品的外观。它是必需的,不能放进组中。请参阅产品卡片和合集卡片。
  • 文本(最多 2 个)、分隔线(1 条)和组(1 个):放在网格上方或下方。

显示合集名称和描述

由于同一套设计服务于所有合集,此版块中的文本区块可以显示实时数值。在文字中输入以下内容:

  • {{collection_name}}:当前浏览的合集名称。
  • {{collection_description}}:它的描述。
  • {{products_count}}:它包含的产品数量。

新的合集页面一开始有一个显示 {{collection_name}} 的标题。例如,可以写“{{collection_name}}:{{products_count}} 件产品”。名称和描述来自合集本身,请参阅如何将产品整理到分类(合集)中?

产品如何排列

  • 合集中最新的产品排在最前。
  • 第一批产品随页面一起加载,网格下方的显示更多按钮会加载后面的产品。
  • 隐藏的产品不会显示。

常见操作

  • 在标题下方显示描述:添加第二个文本区块,写入 {{collection_description}},并把它拖到标题下方。
  • 在桌面端显示更大的卡片:减少列数,例如从 4 改为 3。

此页面的其他版块

添加子分类版块,可以显示当前合集的子分类,例如“男装”中的“衬衫”和“裤子”。请参阅子分类版块。您还可以添加任何页面都允许使用的版块,例如图片横幅或常见问题。

在 example.com/collections 列出您所有分类的页面是另一个页面,即全部分类页面。请参阅你可以在建站工具中编辑哪些店铺页面?

故障排除

  • 变量显示为普通文字:请检查拼写和双花括号。变量只能在此版块的文本区块中使用。
  • 缺少某个产品:请检查它是否已发布、未隐藏,并且已添加到该合集中。
  • 每个合集都显示相同的标题:您在标题中输入了固定的名称。请把它替换为 {{collection_name}}。

仍需帮助?

给我们留言,我们会回复你。

联系我们