頁面類型

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

產(chǎn)品頁面

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

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

• 文本（默認(rèn)顯示 vendor 屬性）

• 標(biāo)題

• 文本（默認(rèn)顯示 product subtitle 屬性）

• 價(jià)格

• 多屬性選擇器

• 數(shù)量選擇器

• Buy Button

• 描述

• 分享

您還可以添加以下塊：

• 文本

• 自定義 liquid

• 產(chǎn)品評(píng)分

• 可折疊標(biāo)簽

• 彈出窗口

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

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

產(chǎn)品信息塊

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

文本塊

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

標(biāo)題塊

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

價(jià)格塊

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

多屬性選擇器塊

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

Buy Button 塊

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

描述塊

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

產(chǎn)品評(píng)分塊

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

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

分享塊

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

數(shù)量選擇器塊

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

自定義 Liquid 塊

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

可折疊標(biāo)簽塊

此塊會(huì)顯示帶標(biāo)題的可折疊標(biāo)簽。當(dāng)客戶點(diǎn)擊標(biāo)題時(shí)，該標(biāo)簽將展開，以顯示更多內(nèi)容。

彈出窗口塊

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

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

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

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

產(chǎn)品系列頁面

默認(rè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.

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。