shopify自定义商店产品和产品系列页面介绍

shopify新闻

2022-03-28

1366

每个页面都有其自己的默认分区和设置。

页面类型

每个页面都有其自己的默认分区和设置。

产品页面

默认情况下，产品页面具有产品信息分区和产品推荐分区。

产品信息分区包含以下默认块：

文本（默认显示 vendor 属性）
标题
文本（默认显示 product subtitle 属性）
价格
多属性选择器
数量选择器
Buy Button
描述
分享

您还可以添加以下块：

文本
自定义 liquid
产品评分
可折叠标签
弹出窗口

产品信息分区最多可以包含 16 个块。

产品信息分区设置

产品信息块

可以将以下块添加到产品信息分区。

文本块

文本块可用于使用动态源显示静态文本或变量数据。例如，您可以添加相关文本来显示营销消息（如“满 100 美元免运费），使每件产品上都显示相同的文本内容。您还可以添加动态源，如产品的厂商字段，该字段将随查看的产品而变化。

标题块

此块显示产品的标题。它不具有可调整的设置。

价格块

此块显示产品的定价信息，例如价格和原价。它不具有可调整的设置。

多属性选择器块

此块显示产品的所有多属性选项。

Buy Button 块

此块会显示“添加到购物车”按钮和所有门店自提信息。此块还可以显示任何动态结账按钮。

描述块

此块显示产品的描述。它不具有可调整设置。

产品评分块

此块用星星图形显示平均产品评分，并在括号里注明评论次数，例如 ★★★★★ (8)。

显示产品评分需要产品评论应用（例如 Shopify duct Reviews）以及元字段定义（用于 reviews.rating_count 和 reviews.rating）。

分享块

此块显示一个可点击的链接，客户可使用此链接在其社交媒体上分享产品。

数量选择器块

此块会显示数量选择器，让客户可更改要购买的产品件数。此块中没有可调整的设置。默认数量为 1。

自定义 Liquid 块

此块显示您可以添加到块中的自定义 Liquid 或 HTML 代码。

可折叠标签块

此块会显示带标题的可折叠标签。当客户点击标题时，该标签将展开，以显示更多内容。

弹出窗口块

此块会显示可点击的文本，点击这些文本即可打开一个弹出窗口。该弹出窗口会显示您某一个页面所含的内容。

产品推荐分区设置

根据当前查看的产品，此分区会显示类似产品或经常与此产品一起购买的产品。

若要详细了解产品推荐，请参阅了解产品推荐。

产品系列页面

默认情况下，产品系列页面具有产品系列横幅和产品网格分区。

产品系列横幅分区设置

产品网格分区设置

产品系列列表页面

产品系列列表页面显示在线商店销售渠道中供应的所有产品系列。

Page types
Each page has its own default sections and settings.
Product pages
By default, product pages have a Product information section and a Product recommendations section.
The Product information section contains the following default blocks:
Text (default displays the vendor attribute)
Title
Text (default displays the product subtitle attribute)
Price
Variant picker
Quantity selector
Buy buttons
Description
Share
You can also add the following blocks:
Text
Custom liquid
Product rating
Collapsible tab
Pop-up
The Product information section can contain up to 16 blocks.
Product information section settings
Product information blocks
The following blocks can be added to the Product information section.
Text block
The text block can be used to display static text or variable data using dynamic sources. For example, you could add text displaying a marketing message, such as "Free shipping over $100 USD", which would display the same on each product. You could also add a dynamic source, such as the product's Vendor field, which would change depending on which product is being viewed.
Title block
This block displays the product's title. It has no adjustable settings.
Price block
This block displays the product's pricing information, such as price and compare at price. It has no adjustable settings.
Variant picker block
This block displays any variant options for the product.
Buy buttons block
This block displays the "Add to cart" button and any in-store pickup information. It can also show any dynamic checkout buttons.
Description block
This block displays the product's description. It has no adjustable settings.
Product rating block
This block displays the average product rating in stars, with the number of reviews in parenthesis, for example: ★★★★★ (8).
Displaying product ratings requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.
Share block
This block displays a clickable link that lets customers share the product on their social media.
Quantity selector block
This block displays a quantity selector that customers can use to change how many units of the product that they want to purchase. It has no adjustable settings. The default quantity is 1.
Custom liquid block
This block displays custom Liquid or HTML code that you can add to the block.
Collapsible tab block
This block displays a collapsible tab with a title. When a customer clicks the title, the tab expands to display additional content.
Pop-up block
This block displays clickable text that opens a pop-up window when clicked. This pop-up displays content from one of your pages.

Product recommendations section settings
Based on the product currently being viewed, this section displays similar products, or products that are frequently bought together with this product.
To learn more about product recommendations, refer to Understanding product recommendations.
Collection pages
By default, collection pages have a Collection banner and a Product grid section.
Collection banner section settings

Product grid section settings
Collections list pages
The collections list page displays all your collections that are available on the Online Store sales channel.