shopify商店模板添加产品了解以及自定义步骤

2024-01-01 14:01:26
By 喜欢就惯着

添加推荐产品部分

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

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

本页相关主题

  • 了解产品推荐

  • 自定义产品推荐

了解产品推荐

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

通过 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商户官方网站



(本文内容根据网络资料整理和来自用户投稿,出于传递更多信息之目的,不代表本站其观点和立场。本站不具备任何原创保护和所有权,也不对其真实性、可靠性承担任何法律责任,特此声明!)


常见问答(FQAS)


产品模板是什么?

产品模板是一个可以帮助设计和构建Shopify商店的预设布局。它提供了关于页面元素如标题、产品列表和导航菜单的位置的方向。

如何选择产品模板?

在选择产品模板时,最重要的是选择一个符合您品牌和产品的模板。考虑模板的设计风格,颜色方案以及是否包含您需要的页面,如关于我们页或联系我们页。也考虑模板是否支持手机友好设计。

如何自定义产品模板?

您可以通过修改产品模板设计文件来自定义模板。这可能包括更改标题颜色和字体大小,重新定位图像或产品部件,添加或删除某些元素等。您也可以通过添加或修改代码来定制模板的功能。强烈建议您在开始定制前创建模板的备份版本。

如何将产品添加到模板?

添加产品的过程因模板而异,但通常都需要登录到您的Shopify后台,创建产品,然后将其添加到相应的产品集部件中。有些模板需要您编辑集合代码才能显示产品。您还可以定制产品详细页面的样式。

如何优化模板的搜索引擎优化(SEO)?

要优化模板的SEO,您需要确保页面标题标签、描述标签和图像“alt”文本具有相关性和价值。同时,使用正确的页面标题结构化数据,以及在页面和帖子中包含关键词。与此同时,您还需要确保网站加载速度快,体验友好。