添加推荐产品部分

您可以在产品页面中添加一个部分,用于展示自动生成的产品推荐列表。向客户展示推荐产品可以让客户更轻松地发现新产品,有助于增加在线商店的销量。

产品推荐部分的标题和布局由您的模板决定。

本页相关主题

  • 了解产品推荐

  • 自定义产品推荐

了解产品推荐

产品推荐基于通常一起购买的产品或相关产品系列中的产品。随着能获取的订单和产品信息越来越多,产品推荐内容也会越来越准确。

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

自定义产品推荐

产品推荐是 Online Store 2.0 模板中产品页面上的一个分区。您可以自定义产品推荐的外观,以包含标题、价格、厂商和简短描述,也可以将其从产品页面隐藏。在一个产品页面上,您同时只能有一个产品推荐分区。

步骤:

PC:

  1. 在 Shopify 后台中,转到在线商店 > 模板

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

  3. 打开页面顶部的下拉菜单。

  1. 选择产品 > 默认产品以在模板编辑器中加载模板。

  2. 请执行以下任一操作:

    • 如果您的产品页面有产品推荐分区,请点击产品推荐

    • 如果您的产品页面没有产品推荐分区,请点击 + 添加分区,然后选择产品推荐

  3. 点击保存

您可以通过点击眼睛符号来禁用产品推荐。禁用产品推荐会从产品清单中隐藏该分区,但不会将其删除。

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触模板

  1. 选择产品 > 默认产品以在模板编辑器中加载模板。

  2. 请执行以下任一操作:

    • 如果您的产品页面有产品推荐分区,请点击产品推荐

    • 如果您的产品页面没有产品推荐分区,请点击 + 添加分区,然后选择产品推荐

  3. 点击保存

您可以通过点击眼睛符号来禁用产品推荐。禁用产品推荐会从产品清单中隐藏该分区,但不会将其删除。

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触模板

  1. 选择产品 > 默认产品以在模板编辑器中加载模板。

  2. 请执行以下任一操作:

    • 如果您的产品页面有产品推荐分区,请点击产品推荐

    • 如果您的产品页面没有产品推荐分区,请点击 + 添加分区,然后选择产品推荐

  3. 点击保存

您可以通过点击眼睛符号来禁用产品推荐。禁用产品推荐会从产品清单中隐藏该分区,但不会将其删除。

产品推荐设置

您可以自定义推荐产品的显示给客户。推荐的产品是自动生成的。

设置描述
标题分区的标题。
配色方案产品推荐分区的背景颜色。在“主题色 1”、“主题色 2”、“背景色 1”、“背景色 2”或“反转色”之间选择。
图片比确定产品卡图片的纵横比。在“适应图片”(默认)、“纵向”或“正方形”之间选择。
在悬停时显示第二张图片在客户将光标悬停在产品图片上时,显示第二张产品图像(如果产品有第二张图片)。
显示厂商显示产品的厂商。
显示产品评分用星星图形显示平均产品评分,并在括号里注明评论次数,例如 ★★★★★ (8)。还需要产品评论应用(例如 Shopify Product Reviews)以及元字段定义(用于 reviews.rating_count和 reviews.rating)。
分区填充将间距添加到产品推荐分区的顶部或底部。使用范围滑块在分区上方或下方添加 0px 到 100px 之间的空间。

Shopify商户官网原文详情:

Adding a recommended products section

You can add a section to your product pages that displays an automatically-generated list of product recommendations. Displaying recommended products to customers makes it easier for them to discover new products, and can help to increase online store sales.

The heading and layout of the product recommendations section are determined by your theme.

On this page

  • Understanding product recommendations

  • Customizing product recommendations

Understanding product recommendations

Product recommendations are based on products that are commonly purchased together or products in related collections. Product recommendations become more accurate over time as more order and product information becomes available.

Learn more about the data used for product recommendations from the Shopify theme development documentation.

Customizing product recommendations

Product recommendations is a section on your product pages in Online Store 2.0 themes. You can customize the appearance of your product recommendations to include the title, price, vendor, and a short description, or hide it from your product pages. You can have only one product recommendation section on a product page at a time.

Steps:

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Open the drop-down menu at the top of the page.

  1. Select Products > Default product to load the template in the theme editor.

  2. Do one of the following:

    • If your product page has a product recommendations section, then click Product recommendation.

    • If your product page doesn't have a product recommendations section, click + Add section and then select Product recommendations.

  3. Click Save.

You can disable product recommendations by clicking the eye symbol. Disabling product recommendations hides the section from your product listing, but doesn't delete it.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Templates.

  1. Select Products > Default product to load the template in the theme editor.

  2. Do one of the following:

    • If your product page has a product recommendations section, then click Product recommendation.

    • If your product page doesn't have a product recommendations section, click + Add section and then select Product recommendations.

  3. Click Save.

You can disable product recommendations by clicking the eye symbol. Disabling product recommendations hides the section from your product listing, but doesn't delete it.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Templates.

  1. Select Products > Default product to load the template in the theme editor.

  2. Do one of the following:

    • If your product page has a product recommendations section, then click Product recommendation.

    • If your product page doesn't have a product recommendations section, click + Add section and then select Product recommendations.

  3. Click Save.

You can disable product recommendations by clicking the eye symbol. Disabling product recommendations hides the section from your product listing, but doesn't delete it.

Product recommendation settings

You can customize how your recommended products displays to the customer. The recommended products are automatically generated.


SettingDescription
HeadingThe title of the section.
Color schemeThe background color of the product recommendations section. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Image ratioDetermines the aspect ratio of the product card image. Choose between Adapt to Image (default), portrait, or square.
Show second image on hoverWhen the customer hovers their cursor over the product image, displays the second product image if the product has one.
Show vendorDisplays the vendors of the products.
Show product ratingDisplays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.
Section paddingAdd spacing to the top or bottom of the product recommendation section. Use the range slider to add between 0px and 100px of space above or below the section.

文章内容来源:Shopify商户官方网站


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)
*连连国际 (LianLian Global) 是连连数字旗下跨境支付核心品牌