共用方式為


階層連結模組

本文介紹了麵包屑模組並描述如何將它們添加到網站頁面中 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 並設定所需的屬性,請執行 跟隨 這些步驟。

  1. 前往 網站設定 > 擴充,然後選擇PDP 上的 麵包屑顯示類型設置,選擇 顯示類別層次結構
  2. 模板,然後選擇PDP 模板。
  3. 在包含 購買方塊 模組的 容器 插槽中,選擇省略號 (...),然後選擇 新增模組
  4. 選擇模組 對話框中,選擇 Breadcrumb 模組,然後選擇 確定
  5. 選擇 儲存,選擇 完成編輯 簽入模板,然後選擇 發佈 以發布它。
  6. 前往 頁面,然後開啟使用PDP 範本的PDP。 如果 PDP 尚不存在,請建立一個。
  7. 在包含 購買方塊 模組的 容器 插槽中,選擇省略號 (...),然後選擇 新增模組
  8. 選擇模組 對話框中,選擇 Breadcrumb 模組,然後選擇 確定
  9. 麵包屑 插槽的屬性窗格中,在 下,選擇 連結文字
  10. 連結 文字 對話方塊中,輸入 Home,然後在 下輸入連結 目標,選擇 新增連結
  11. 加入連結 對話方塊中,選擇連結為麵包屑根,然後選擇 確定
  12. 選擇 儲存,然後選擇 預覽版 to 預覽版 頁面。
  13. 選擇 完成編輯 簽入模板,然後選擇 發布 發布模板。

其他資源

模組資源庫概觀

導航選單模組

網站選擇器 模組

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

產品收集模組

購買方塊 模組

SDK 和 模組庫 更新