shopify自定義商店產(chǎn)品和產(chǎn)品系列頁面介紹

shopify新聞

2022-03-28

1828

每個頁面都有其自己的默認分區(qū)和設(shè)置。

頁面類型

每個頁面都有其自己的默認分區(qū)和設(shè)置。

產(chǎn)品頁面

默認情況下，產(chǎn)品頁面具有產(chǎn)品信息分區(qū)和產(chǎn)品推薦分區(qū)。

產(chǎn)品信息分區(qū)包含以下默認塊：

文本（默認顯示 vendor 屬性）
標題
文本（默認顯示 product subtitle 屬性）
價格
多屬性選擇器
數(shù)量選擇器
Buy Button
描述
分享

您還可以添加以下塊：

文本
自定義 liquid
產(chǎn)品評分
可折疊標簽
彈出窗口

產(chǎn)品信息分區(qū)最多可以包含 16 個塊。

產(chǎn)品信息分區(qū)設(shè)置

產(chǎn)品信息塊

可以將以下塊添加到產(chǎn)品信息分區(qū)。

文本塊

文本塊可用于使用動態(tài)源顯示靜態(tài)文本或變量數(shù)據(jù)。例如，您可以添加相關(guān)文本來顯示營銷消息（如“滿 100 美元免運費），使每件產(chǎn)品上都顯示相同的文本內(nèi)容。您還可以添加動態(tài)源，如產(chǎn)品的廠商字段，該字段將隨查看的產(chǎn)品而變化。

標題塊

此塊顯示產(chǎn)品的標題。它不具有可調(diào)整的設(shè)置。

價格塊

此塊顯示產(chǎn)品的定價信息，例如價格和原價。它不具有可調(diào)整的設(shè)置。

多屬性選擇器塊

此塊顯示產(chǎn)品的所有多屬性選項。

Buy Button 塊

此塊會顯示“添加到購物車”按鈕和所有門店自提信息。此塊還可以顯示任何動態(tài)結(jié)賬按鈕。

描述塊

此塊顯示產(chǎn)品的描述。它不具有可調(diào)整設(shè)置。

產(chǎn)品評分塊

此塊用星星圖形顯示平均產(chǎn)品評分，并在括號里注明評論次數(shù)，例如 ★★★★★ (8)。

顯示產(chǎn)品評分需要產(chǎn)品評論應(yīng)用（例如 Shopify duct Reviews）以及元字段定義（用于 reviews.rating_count 和 reviews.rating）。

分享塊

此塊顯示一個可點擊的鏈接，客戶可使用此鏈接在其社交媒體上分享產(chǎn)品。

數(shù)量選擇器塊

此塊會顯示數(shù)量選擇器，讓客戶可更改要購買的產(chǎn)品件數(shù)。此塊中沒有可調(diào)整的設(shè)置。默認數(shù)量為 1。

自定義 Liquid 塊

此塊顯示您可以添加到塊中的自定義 Liquid 或 HTML 代碼。

可折疊標簽塊

此塊會顯示帶標題的可折疊標簽。當客戶點擊標題時，該標簽將展開，以顯示更多內(nèi)容。

彈出窗口塊

此塊會顯示可點擊的文本，點擊這些文本即可打開一個彈出窗口。該彈出窗口會顯示您某一個頁面所含的內(nèi)容。

產(chǎn)品推薦分區(qū)設(shè)置

根據(jù)當前查看的產(chǎn)品，此分區(qū)會顯示類似產(chǎn)品或經(jīng)常與此產(chǎn)品一起購買的產(chǎn)品。

若要詳細了解產(chǎn)品推薦，請參閱了解產(chǎn)品推薦。

產(chǎn)品系列頁面

默認情況下，產(chǎn)品系列頁面具有產(chǎn)品系列橫幅和產(chǎn)品網(wǎng)格分區(qū)。

產(chǎn)品系列橫幅分區(qū)設(shè)置

產(chǎn)品網(wǎng)格分區(qū)設(shè)置

產(chǎn)品系列列表頁面

產(chǎn)品系列列表頁面顯示在線商店銷售渠道中供應(yīng)的所有產(chǎn)品系列。

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.