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

如何在产品页面上显示相关产品?

在产品页和落地页添加相关产品版块:选择来源(最新、最畅销、折扣、好评最多、同一分类,或您为每个产品挑选的产品),设置数量、网格或轮播、列数以及产品卡片。

阅读时间 3 分钟

相关产品版块会在产品下方以网格或轮播形式显示店铺中的其他产品。它帮助顾客在不离开页面的情况下发现更多可买的商品。

添加版块

在建站工具中,打开产品页面或落地页,点击添加新版块,在产品分组中选择相关产品。每页可以添加一个。

选择显示哪些产品

在来源分组中设置源码模式(来源方式):

  • 最新或最早:按您创建产品的日期排序。
  • 最畅销:销量最高的产品排在最前。
  • 折扣:只显示当前正在促销的产品。
  • 好评最多:平均评分最高的排在最前。没有评价的产品不会显示。
  • 同一分类:只显示与当前浏览的产品至少同属一个已发布分类的产品,最新的排在最前。适合您的分类把相似商品归在一起的情况。
  • 按产品挑选:您为每个产品精确挑选要显示的产品,并按您自己的顺序排列。在产品编辑器中打开每个产品,使用它的相关产品部分。没有挑选任何产品的商品会显示一条空提示。

当前浏览的产品永远不会出现在自己的列表中。隐藏的产品也不会显示。

布局设置

  • 版块宽度:页面或全宽。
  • 布局:网格或轮播。
  • 列数:桌面端每行 1 到 8 张卡片(或轮播中可见的卡片数)。
  • 移动端列数:1 或 2。移动端轮播会在手机上把网格变成可滑动的一行。
  • 产品数量:4、6、8、10 或 12。
  • 导航:用于轮播,包括导航图标(箭头、箭头符号、无)和图标背景(无、圆形、正方形)。
  • 配色方案、卡片之间的间距、内边距以及自定义 CSS。

移动端列数和移动端轮播只在网格布局下提供。当布局为轮播,或开启了移动端轮播时,会出现导航设置。

区块

  • 产品卡片:决定每个产品的外观(图片、标题、价格、评分、购买按钮)。它是必需的,不能放进组中。它的选项请参阅产品卡片和合集卡片。
  • 文本(最多 2 个)、分隔线(1 条)和组(1 个):在卡片上方或下方添加标题,例如“您可能还喜欢”。

常见操作

  • 显示相似商品:把相似的产品放进同一个分类,然后使用同一分类。
  • 搭配销售配件:使用按产品挑选,为每个产品选择合适的配件。
  • 推广促销商品:使用折扣。

故障排除

  • 版块显示“没有产品”的提示:没有产品符合所选来源。使用同一分类时,请检查该产品是否和其他产品一起位于某个已发布的分类中。使用按产品挑选时,请为该产品添加挑选的产品。
  • 好评最多只显示很少的产品:只有至少有一条已发布评价的产品才会计算在内。
  • 某个产品从不出现在列表中:请检查它是否已发布且未隐藏。

仍需帮助?

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

联系我们