頁首模組

本文涵蓋頁首模組並說明如何在 Microsoft Dynamics 365 Commerce 中建立頁面頁首。

在 Dynamics 365 Commerce 中，頁面頁首是設定為包含頁首、促銷橫幅，以及 Cookie 同意模組的頁面片段。

頁首模組包括網站標誌、連接至瀏覽階層的連結、連接至網站上其他頁面的連結、購物車圖示模組、願望清單符號、登入選項和搜尋列。 頁首模組會自動對正在查看網站的裝置 (換句話說，對桌面裝置或行動裝置) 進行最佳化。 例如，在行動裝置上，瀏覽列會摺疊成選單鍵 (有時稱為漢堡選單)。

下圖顯示網站首頁上頁首模組的範例。

頁首模組的屬性

頁首模組支援標誌圖像、標誌連結，和我的帳戶連結屬性。

標誌圖像和標誌連結屬性用於定義頁面上的標誌。 如需詳細資訊，請參閱新增標誌。

我的帳戶連結屬性可用來定義網站擁有者想在頁首中顯示快速連結的帳戶頁面。

頁首模組中可用的模組

以下模組可用於頁首模組：

• 瀏覽選單 – 瀏覽選單代表通路瀏覽階層和其他靜態瀏覽連結。 如需詳細資訊，請參閱瀏覽選單模組。

• 搜尋 – 搜尋模組讓使用者可以輸入搜尋字詞來搜尋產品。 預設搜尋頁面的 URL 和搜尋查詢參數必須在網站設定> 擴充中提供。 搜尋模組具有讓您能夠根據需要禁止搜尋按鈕或標籤的屬性。 搜尋模組還支援自動建議選項，例如產品、關鍵字和類別搜尋結果。

• 購物車圖示 - 購物車圖示模組代表購物車圖示，它會顯示任何給定時間中購物車內的品項數量。 如需詳細資訊，請參閱購物車圖示模組。

• 網站選擇器 - 網站選擇器模組讓使用者能夠根據市場、區域和區域設定瀏覽不同的預定義網站。 如需詳細資訊，請參閱網站選擇器模組。

• 商店選擇器 - 商店選擇器模組可以包含在頁首模組的商店選擇器插槽中。 它讓使用者能夠瀏覽和尋找附近的商店。 使用者還可以指定首選商店。 然後，該商店將顯示在頁首中。 當商店選擇器模組包含在頁首模組中時，其模式屬性必須設定為尋找商店。 如需詳細資訊，請參閱商店選擇器模組。

Adventure Works 主題中的頁首模組

在 Adventure Works 主題中，頁首模組支援行動裝置標誌屬性。 此屬性允許為行動裝置視圖指定標誌。 行動裝置標誌屬性可當成模組定義擴充提供。

為頁面建立頁首片段

要建立標頭片段，請依照以下步驟操作：

1. 移至片段，然後選取新增以建立新的片段。
2. 在選取片段對話方塊中，選取容器模組，輸入片段的名稱，然後選取確定。
3. 選取預設容器插槽，然後在右側屬性窗格中，將寬度屬性設定為填滿畫面。
4. 在預設容器插槽中，選取省略符號 (...)，然後選取新增模組。
5. 在選取模組對話方塊中，選取Cookie 同意、頁首和促銷橫幅模組，然後選取確定。
6. 在促銷橫幅模組的屬性窗格中，選取新增訊息，然後選取訊息。
7. 在訊息對話方塊中，為促銷內容新增文字和連結，然後選取確定。
8. 在 Cookie 同意模組的屬性窗格中，新增和設定連接至網站隱私權頁面的連結。
9. 在頁首模組的瀏覽選單插槽中，選取省略符號 (...)，然後選取新增模組。
10. 在選取模組對話方塊中，選取瀏覽選單模組，然後選取確定。
11. 在瀏覽選單模組的屬性窗格中，在瀏覽選單的來源底下，選取零售伺服器。
12. 在瀏覽選單模組的屬性窗格中，在靜態選單項底下，選取新增選單項，然後選取選單項。
13. 在選單項對話方塊中的選單項文字底下，輸入「連絡人」。
14. 在選單項對話方塊中的選單項連結目標底下，選取新增連結。
15. 在新增連結對話方塊中，選取網站「連絡人」頁面的 URL ，然後選取確定。
16. 在選單項對話方塊中，選取確定。
17. 在頁首模組的搜尋插槽中，選取省略符號 (...)，然後選取新增模組。
18. 在選取模組對話方塊中，選取搜尋模組，然後選取確定。
19. 在搜尋模組的屬性窗格中，根據需要設定屬性。
20. 在頁首模組的購物車圖示插槽中，選取省略符號 (...)，然後選取新增模組。
21. 在選取模組對話方塊中，選取購物車圖示模組，然後選取確定。
22. 在購物車圖示模組的屬性窗格中，根據需要設定屬性。 如果您想要購物車圖示在使用者將滑鼠游標懸停在其上時，顯示購物車摘要 (也稱為迷你購物車)，請選取顯示迷你購物車。
23. 選擇儲存，選擇完成編輯以簽入片段，然後選擇發佈將其發佈。

為了協助確保頁首顯示在每個頁面上，請在為網站建立的每個頁面範本上遵循這些步驟。

1. 在預設頁面模組的頁首插槽中，新增您建立的頁尾片段。
2. 選取儲存，選取完成編輯以簽入範本，然後選取發佈以進行發佈。

其他資源

模組資源庫概觀

容器模組

購物車圖示模組

促銷橫幅模組

瀏覽選單模組

Cookie 同意

頁尾模組

網站選取器模組

商店選取器模組