> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/webvista-studio-docs/main-pages/main-product/xian-shi-hu-bu-chan-pin.md).

# 显示互补产品

互补产品功能可以提升客户购物体验，通过提供贴心的搭配建议，帮助客户快速找到相关产品，节省选择时间；同时提升产品组合的实用性和价值感，增加店铺销售额，并展示品牌的专业度和对客户需求的深入了解。

### 安装 Shopify Search & Discovery 应用

<figure><img src="/files/NAVJkXyLOotRHzzVmNXL" alt=""><figcaption><p><strong>Shopify Search &#x26; Discovery</strong></p></figcaption></figure>

* 登录 Shopify 后台。
* 前往 **Shopify App Store**。
* 搜索 **Shopify Search & Discovery** 应用。
* 点击 **添加应用** 并完成安装。

### 打开应用并进入产品推荐设置

<figure><img src="/files/CAYOAIM0Q3IRQiUigW86" alt=""><figcaption></figcaption></figure>

* 在 Shopify 后台，进入 **应用 > Search & Discovery**。
* 点击左侧菜单中的 **产品推荐**。

### 选择产品并绑定互补产品

<figure><img src="/files/9NgH0MeYIHREIwjY3K0w" alt=""><figcaption></figcaption></figure>

* 在 **产品推荐** 页面，点击 **管理推荐**。
* 搜索或选择您希望设置互补产品的主产品。
* 点击进入该产品的推荐配置页面。

### 模板编辑页面添加互补产品块

<figure><img src="/files/TVBB2W3FMakBv8RzFcJZ" alt=""><figcaption></figcaption></figure>

如图片所示，在产品模板页面中，添加互补产品块