添加相关产品分区

您可以向产品页面添加分区，用于显示自动生成的相关产品列表，或者由您使用 Shopify Search & Discovery 应用手动设置的相关产品列表。了解如何使用该应用自定义相关产品。

向客户展示相关产品可以让客户更轻松地发现新产品，有助于增加在线商店销售额。

相关产品分区的标题和布局由您的模板决定。

了解相关产品

相关产品基于通常一起购买、具有相似产品描述的产品或是相关产品系列中的产品。随着订单和产品信息的增加，相关产品也会越来越准确。

备注

如果您使用 Shopify POS 进行当面销售，则可以将相关产品作为产品推荐图块添加到智能网格，并在购物车中查看推荐的产品。

通过 Shopify 模板开发文档详细了解相关产品所使用的数据。

自定义相关产品的外观

相关产品是 Online Store 2.0 模板中产品页面上的一个分区。如果您使用与 Online Store 2.0 不兼容的模板，则需要升级模板。您可以自定义相关产品的外观，以包含标题、价格、厂商和简短描述，也可以将其从产品页面隐藏。每个产品页面上一次只能有一个相关产品分区。

备注

如果您的屏幕宽度超过 1600 像素，则您的自定义项和编辑选项会显示在屏幕右侧。如果您的屏幕宽度小于 1600 像素，则它们会显示在屏幕左侧。

步骤：

桌面

1. 在 Shopify 后台中，转至在线商店 > 模板。
2. 找到您要编辑的模板，然后点击自定义。
3. 选择产品 > 默认产品以在模板编辑器中加载模板。

4. 请执行以下任一操作：

   • 如果您的产品页面有相关产品分区，请点击相关产品。
   • 如果您的产品页面没有相关产品分区，请点击 + 添加分区，然后选择相关产品。

5. 点击保存。

iPhone

1. 在 Shopify 应用中，点击 … 按钮。
2. 在销售渠道部分，轻触在线商店。
3. 轻触管理模板。
4. 找到您要编辑的模板，然后轻触自定义。
5. 轻触模板。
6. 选择产品 > 默认产品以在模板编辑器中加载模板。

7. 请执行以下任一操作：

   • 如果您的产品页面有相关产品分区，请点击相关产品。
   • 如果您的产品页面没有相关产品分区，请点击 + 添加分区，然后选择相关产品。

8. 点击保存。

Android

1. 在 Shopify 应用中，点击 … 按钮。
2. 在销售渠道部分，轻触在线商店。
3. 轻触管理模板。
4. 找到您要编辑的模板，然后轻触自定义。
5. 轻触模板。
6. 选择产品 > 默认产品以在模板编辑器中加载模板。

7. 请执行以下任一操作：

   • 如果您的产品页面有相关产品分区，请点击相关产品。
   • 如果您的产品页面没有相关产品分区，请点击 + 添加分区，然后选择相关产品。

8. 点击保存。

您可以通过点击眼睛符号来禁用相关产品。禁用相关产品会从产品页面中隐藏该分区，但不会将其删除。

相关产品设置

您可以自定义向客户显示相关产品的方式。相关产品基于通常一起购买和具有类似产品描述的产品而自动生成，或者是相关产品系列中的产品，并且随着订单和产品信息的增加，这些相关产品会越来越准确。

相关产品分区的设置

设置	描述
标题	分区的标题。
配色方案	相关产品分区的背景颜色。可在“强调色 1”、“强调色 2”、“背景 1”、“背景 2”或“反转色”之间选择。
图片比	推荐产品的图片的图片比： 适应图片（默认）- 使用图片的纵横比。这可以防止图片被裁剪。 纵向 - 将图片裁剪为使用 2:3 比例。 方形 - 将图片裁剪为使用 1:1 比例。
图片形状	为产品图片选择以下一种图片形状： 默认 - 将产品图片更改为矩形。 拱形 - 将产品图片顶部更改为曲线形。 Blob - 将产品图片更改为六种 blob 圆形中的随机一种圆形，并且在悬停时可显示独特的动画。 向左 V 形 - 将产品图片更改为向左 V 形，并在左侧有一个尖角。 向右 V 形 - 将产品图片更改为向右 V 形，并在右侧有一个尖角。 菱形 - 将产品图片更改为四边菱形。 平行四边形 - 将产品图片更改为有两组平行线的形状。 圆形 - 将产品图片更改为圆形或椭圆形，并且在悬停时可显示独特的动画。
在悬停时显示第二张图片	在客户将光标悬停在产品图片上时，显示第二张产品图像（如果产品有第二张图片）。
显示厂商	显示产品的厂商。
显示产品评分	用星星图形显示平均产品评分，并在括号里注明评论次数，例如 ★★★★★ (8)。还需要产品评论应用以及元字段定义（用于 reviews.rating_count 和 reviews.rating）。
分区填充	在相关产品分区的顶部或底部增加间距。使用范围滑块在分区上方或下方添加 0px 到 100px 之间的间距。