附註
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 並設定所需屬性,請依照以下步驟操作:
- 移至網站設定 > 擴充,然後,對於 PDP 上的麵包屑導航顯示類型設定,選取顯示類別階層。
- 移至範本,並選取 PDP 範本。
- 在包含購買方塊模組的容器插槽中,選取省略符號 (...),然後選取新增模組。
- 在選取模組對話方塊中,選取 麵包屑模組,然後選取確定。
- 選取儲存,選取完成編輯以簽入範本,然後選取發佈以進行發佈。
- 移至頁面,然後打開使用 PDP 範本的 PDP。 如果 PDP 尚不存在,請建立一個。
- 在包含購買方塊模組的容器插槽中,選取省略符號 (...),然後選取新增模組。
- 在選取模組對話方塊中,選取 麵包屑模組,然後選取確定。
- 在麵包屑插槽的屬性窗格中,在根底下,選取連結文字。
- 在連結文字對話方塊中,輸入首頁,然後在連結目標底下,選取新增連結。
- 在新增連結對話方塊中,為麵包屑根選取連結,然後選取確定。
- 選取儲存,然後選取預覽以預覽頁面。
- 選取完成編輯以簽入範本,然後選取發佈進行發佈。