添加互补产品

在模板编辑器中，您可以向产品页面中添加互补产品块。了解如何使用 Shopify Search & Discovery 应用选择要添加到网站产品页面的互补产品。

向客户展示互补产品可以让客户更轻松地发现新产品，并有助于增加在线商店的销量。

互补产品块的标题和布局由模板决定。

自定义互补产品的外观

互补产品是产品页面的产品信息分区中的块，仅在 Online Store 2.0 模板中提供。您可以在产品页面中自定义互补产品块的外观。每个产品页面上一次只能有一个互补产品块。

备注

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

步骤：

桌面

1. 在 Shopify 后台中，转至在线商店 > 模板。

2. 找到您要编辑的模板，然后点击自定义。

3. 点击产品。

4. 选择默认产品或您要编辑的产品模板。

5. 执行以下步骤之一：

   • 如果您的产品信息分区有互补产品块，请点击互补产品。
   • 如果您的产品信息分区没有互补产品块，请点击 + 添加块，然后选择互补产品。

6. 点击保存。

iPhone

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

8. 执行以下步骤之一：

   • 如果您的产品信息分区有互补产品块，请点击互补产品。
   • 如果您的产品信息分区没有互补产品块，请点击 + 添加块，然后选择互补产品。

9. 点击保存。

Android

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

8. 执行以下步骤之一：

   • 如果您的产品信息分区有互补产品块，请点击互补产品。
   • 如果您的产品信息分区没有互补产品块，请点击 + 添加块，然后选择互补产品。

9. 轻触保存。

您可以通过点击眼睛图标来隐藏互补产品块。如果想从模板中完全删除互补产品块，则可以点击删除块。

互补产品块设置

您可以自定义向客户展示互补产品的方式。

备注

互补产品需要 In stock 并设置为 Active，否则 Shopify Search & Discovery 应用会将它们排除。

基本显示设置

Shopify 中互补产品块设置的基本显示设置。

设置	描述
标题	块的标题。
显示为可折叠行	选择后，内容会在行标签下折叠显示。当客户点击标题时，标签将展开以显示其他内容。
图标	在互补产品显示为可折叠行时，选择要与标题配对的图标。

产品显示配置

用于在互补产品块中展示产品的配置。

设置	描述
要显示的最大产品数	选择要显示的最大互补产品数量。选择介于 1-10 的值。
每页产品数	要在每个滑块页面显示的互补产品数量。选择介于 1-4 的值。
分页样式	图片下方显示的滑块导航的样式。 点 计数器（默认） 数字
图片比	确定产品卡图片的纵横比。 纵向 正方形（默认）

其他功能

用于互补产品块中其他功能的设置。

设置	描述
启用快速添加按钮	“快速添加”按钮可供客户通过产品卡将产品添加到购物车。如果产品有多属性，则点击该按钮会在弹出窗口中显示选择选项和产品详细信息。然后客户可以选择所需的多属性、添加到购物车、使用立即购买选项立刻结账，或者点击查看产品的完整详细信息。需要独立于产品页面设置立即购买选项，这样该选项才能显示在快速添加选项中。如果未设置立即购买选项，则客户仍可将产品添加到购物车。