階層連結模組
本文介紹了麵包屑模組並描述如何將它們添加到網站頁面中 Microsoft Dynamics 365 Commerce。
麵包屑模組用於在網站頁面上提供輔助導航。 它們通常顯示在頁面頂部、標題下方。 儘管麵包屑模組可以添加到任何頁面,但它們最常用於產品詳細資訊頁面 (PDP),以顯示產品類別層次結構並提供在網站中移動的快速方法。 當使用者從搜尋或清單頁面開啟 PDP 時,麵包屑模組也可用於顯示「傳回結果」連結。 這樣,使用者可以快速返回到過濾後的清單頁面繼續購物。
在具有產品類別上下文的頁面(例如 PDP 和類別頁面)上,麵包屑模組顯示類別層次結構。 在沒有類別上下文的頁面上,麵包屑模組預設顯示 <網站根目錄> / <目前頁面> 。 也可以在其他類型的網站頁面上手動配置麵包屑模組,以顯示指向網站上特定頁面的連結。
附註
Dynamics 365 Commerce 10.0.12 版本中提供了麵包屑模組。
下圖顯示了麵包屑模組的範例,該模組顯示了 PDP 上的類別層次結構。
麵包屑模組設定
麵包屑模組依賴PDP 設定上的 麵包屑顯示類型,該設定在 站點設定 > 擴展 在網站建立器。 此設定有三個可能的值:
- 顯示類別層次結構 – 選擇此值時,麵包屑模組將顯示在 PDP 上查看的產品的完整類別層次結構。
- 顯示回傳結果 – 選擇此值後,如果使用者從允許「傳回結果」連結。 當使用者從類別、搜尋、清單和推薦清單頁面導航時,此功能可用。 為了支援此功能,產品集合和搜尋結果模組有一個名為 Allow back to results on 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 模板。
- 在包含 購買方塊 模組的 容器 插槽中,選擇省略號 (...),然後選擇 新增模組。
- 在 選擇模組 對話框中,選擇 Breadcrumb 模組,然後選擇 確定 。
- 選擇 儲存,選擇 完成編輯 簽入模板,然後選擇 發佈 以發布它。
- 前往 頁面,然後開啟使用PDP 範本的PDP。 如果 PDP 尚不存在,請建立一個。
- 在包含 購買方塊 模組的 容器 插槽中,選擇省略號 (...),然後選擇 新增模組。
- 在 選擇模組 對話框中,選擇 Breadcrumb 模組,然後選擇 確定 。
- 在 麵包屑 插槽的屬性窗格中,在 根下,選擇 連結文字。
- 在 連結 文字 對話方塊中,輸入 Home,然後在 下輸入連結 目標,選擇 新增連結。
- 在 加入連結 對話方塊中,選擇連結為麵包屑根,然後選擇 確定。
- 選擇 儲存,然後選擇 預覽版 to 預覽版 頁面。
- 選擇 完成編輯 簽入模板,然後選擇 發布 發布模板。