頁面類型

每個頁面都有其自己的默認分區和設置。

產品頁面

默認情況下，產品頁面具有產品信息分區和產品推薦分區。

產品信息分區包含以下默認塊：

• 文本（默認顯示 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.

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。