共用方式為


麵包屑模組

附註

Dynamics 365 Commerce 的零售興趣群組已從 Yammer 移至 Viva Engage。 如果您無法存取新的Viva Engage社群,請填寫此表單 (https://aka.ms/JoinD365commerceVivaEngageCommunity) 以新增,並繼續參與最新的討論。

本文涵蓋麵包屑模組,並說明如何在 Microsoft Dynamics 365 Commerce 中將它們新增到網站頁面。

麵包屑模組用於在網站頁面上提供輔助導覽。 它們通常顯示在頁面頂端的標題下方。 雖然麵包屑模組可以新增到任何頁面,但它們最常用於產品詳細資訊頁面 (PDP),以顯示產品類別階層並提供在網站中移動的快速方法。 麵包屑模組還可用於在使用者從搜尋或清單頁面打開 PDP 時,顯示「返回結果」連結。 這樣的話,使用者可以快速返回到其篩選的清單頁面以繼續購物。

在具有產品類別上下文的頁面 (如 PDP 和類別頁面) 上,麵包屑模組會顯示類別階層。 在沒有類別上下文的頁面上,麵包屑模組預設會顯示 <Site root> / <Current page>。 也可以在其他類型的網站頁面上手動設定麵包屑模組,以顯示連接到網站上特定頁面的連結。

附註

麵包屑模組在 Dynamics 365 Commerce 10.0.12 發行版本中可用。

下圖顯示麵包屑模組的範例,該模組顯示 PDP 上的類別階層。

麵包屑模組範例。

麵包屑模組依賴 PDP 上的麵包屑導航顯示類型設定,該類型在網站建立器的網站設定 > 擴充中定義。 此設定有三個可能值:

  • 顯示類別階層 – 選取此值時,麵包屑模組將顯示在 PDP 上查看之產品的完整類別階層。
  • 顯示返回結果 – 選取此值時,如果使用者從允許「返回結果」連結的模組打開 PDP,則麵包屑模組將在 PDP 上顯示「返回結果」連結。 當使用者從類別、搜尋、清單和建議清單頁面瀏覽時,此功能可用。 為了支援此功能,產品集合和搜尋結果模組有一個名為在 PDP 上允許返回結果的屬性。 此屬性讓您可以彈性定義哪些模組應支援 PDP 上的「返回結果」連結功能。 例如,如果為麵包屑模組的 PDP 上的麵包屑導航顯示類型 設定選取顯示返回結果,且為搜尋頁面搜尋結果模組選取在 PDP 上允許返回結果,則當使用者從搜尋頁面瀏覽至 PDP 時,將顯示「返回結果」連結。
  • 顯示類別階層並返回結果 – 此值是前兩者的組合。 選取此值時,麵包屑模組將在 PDP 上同時顯示完整的類別階層和「返回結果」連結 (如果已設定)。

重要

這些設定自 Dynamics 365 Commerce 10.0.12 版本起提供。 若您從舊版 Dynamics 365 Commerce 更新,必須手動更新 appsettings.json 檔案。 有關更新 appsettings.json 檔案的指引,請參閱 SDK 與模組庫更新

屬性名稱 說明
文字或連結 此選用屬性會指定麵包屑網站根的連結文字和連結目標。 如果未設定此屬性,則不會定義任何根。
麵包屑連結 連結 此選用屬性會指定手動設定之麵包屑的連結 (如果需要這些連結)。 連結會依據其列入清單的順序顯示。

將麵包屑模組新增到新頁面

要將麵包屑模組加入 PDP 並設定所需屬性,請依照以下步驟操作:

  1. 移至網站設定 > 擴充,然後,對於 PDP 上的麵包屑導航顯示類型設定,選取顯示類別階層
  2. 移至範本,並選取 PDP 範本。
  3. 在包含購買方塊模組的容器插槽中,選取省略符號 (...),然後選取新增模組
  4. 選取模組對話方塊中,選取 麵包屑模組,然後選取確定
  5. 選取儲存,選取完成編輯以簽入範本,然後選取發佈以進行發佈。
  6. 移至頁面,然後打開使用 PDP 範本的 PDP。 如果 PDP 尚不存在,請建立一個。
  7. 在包含購買方塊模組的容器插槽中,選取省略符號 (...),然後選取新增模組
  8. 選取模組對話方塊中,選取 麵包屑模組,然後選取確定
  9. 麵包屑插槽的屬性窗格中,在底下,選取連結文字
  10. 連結文字對話方塊中,輸入首頁,然後在連結目標底下,選取新增連結
  11. 新增連結對話方塊中,為麵包屑根選取連結,然後選取確定
  12. 選取儲存,然後選取預覽以預覽頁面。
  13. 選取完成編輯以簽入範本,然後選取發佈進行發佈。

其他資源

模組資源庫概觀

導覽功能表模組

網站選擇器模組

預設類別登陸頁面和搜尋結果頁面的概觀

產品集合模組

購買頁模組

SDK 和模組資源庫更新