本文介紹產品比較模組以及如何實現它們，以便客戶可以在電子商務網站上進行產品比較 Microsoft Dynamics 365 Commerce 。
附註
產品比較和產品比較按鈕模組從版本 10.0.29 開始 Dynamics 365 Commerce 提供。 它們可用於企業對消費者 (B2C) 和企業對企業 (B2B) 網站。
產品比較功能讓購物者在產品比較頁面上比較產品詳細資訊，以幫助他們做出更好的購買決策。 此功能是使用產品比較模組在 Commerce 網站建立器中設定的。 在產品清單頁 (PLP) 上，例如類別結果、搜尋結果和產品集合頁面，您可以配置一個用於產品比較的按鈕，讓購物者將產品添加到比較托盤。 此功能是使用產品比較按鈕模組在網站建立器配置的，該模組的工作方式類似於 快速查看模組。
當網站用戶通過在產品磁貼上選擇產品來添加產品進行比較時，頁面底部會顯示一個比較托盤。 比較托盤顯示購物者當前正在比較的產品，以及產品的簡短預覽。 網站使用者還可以從產品詳細資訊頁面 (PDP) 添加產品，並且可以添加特定產品變型以與基礎產品進行比較。
客戶將一些產品添加到比較托盤后，他們可以選擇 比較 以重定向到產品比較頁面。 產品比較頁面顯示每個選定產品的產品詳細資訊，以便客戶可以比較圖像、價格、產品尺寸 (尺寸、樣式和顏色)、匯總的評級資訊和其他產品屬性。
下圖顯示了比較產品按鈕、從比較中刪除按鈕、比較托盤和產品比較頁面的範例。
附註
- 產品比較頁面比較一組預設的產品屬性以及可以在給定產品的 PDP 上查看的所有屬性。
- 無法在產品比較頁面上查看交貨方式、現有庫存和度量單位等屬性。
- 客戶可以將不同類別的產品添加到比較托盤，前提是這些產品來自同一目錄。
- 產品比較功能目前僅限於比較單個目錄中的產品。 網站用戶無法進行跨目錄比較。
- 您應確保 為所有產品比較模組清除渲染模組客戶端 屬性。
- 您應確保對使用產品比較模組的所有頁面禁用頁面級緩存。 這些頁面包括 PDP、PLP 和產品比較頁面。 有關詳細資訊，請參閱 配置頁面緩存。
下圖顯示了產品比較頁的範例。
將產品比較模組新增到新的產品比較頁面
您可以通過將產品比較模組添加到頁面正文來創建專用的產品比較頁面。 除了使客戶能夠比較不同產品的產品詳細資訊外，您還可以配置產品比較模組，讓客戶在比較產品后快速完成購買。 產品比較模組還包含一個 空比較 槽，您可以在其中添加描述空狀態的內容區塊模組 (例如“您的產品比較為空”)。
若要將產品比較模組添加到新產品比較頁面，跟隨執行以下步驟。
- 轉到 「頁面」，然後選擇「 新建 」以創建新頁面。
- 在“創建新頁面” 對話框中的“頁面名稱 ”下 ，輸入適當的頁面名稱 (例如“產品比較 ”)，然後選擇“下一步 ”。
- 在“選擇範本 ”下，選擇適當的範本 (例如，預設類別頁使用的範本)，然後選擇“ 下一步”。
- 在 “選擇配置”下，選擇頁面配置 (例如“ 靈活配置”)，然後選擇“ 下一步”。
- 在「查看並完成 」下，查看頁面配置。 如果必須編輯頁面資訊，請選擇“ 返回”。 如果頁面資訊正確，請選擇「 創建頁面」。
- 在主 插槽中，選擇省略號 (...)，然後選擇添加 模組。
- 在“選擇模組 ” 對話框中，選擇 “容器 ”模組，然後選擇“ 確定”。
- 在容器 插槽中，選擇省略號 (...)，然後選擇 添加模組。
- 在“選擇模組 ” 對話框中，選擇“ 產品比較 ”模組，然後選擇“ 確定”。
- 在“ 快速視圖”按鈕 插槽中，選擇省略號 (...)，然後選擇“ 添加模組”。
- 在“選擇模組 ” 對話框中，選擇“ 產品快速查看 ”模組，然後選擇“ 確定”。
- 在右側的屬性窗格中，配置 產品快速檢視 模組屬性。
- 在“空比較槽” 中，選擇省略號 ( ...)，然後選擇“添加模組 ”。
- 在“選擇模組 ” 對話框中，選擇 內容區塊 模組，然後選擇“ 確定”。
- 在右側的屬性窗格中，配置 內容區塊 模組屬性。
- 選擇「 保存」，然後選擇預覽版 以預覽版頁面。
- 選擇 完成編輯 以簽入頁面，然後選擇 發佈 以發佈頁面。
下圖顯示了網站建立器中空比較頁的範例。
將產品比較按鈕新增到搜尋和類別結果頁面上的產品磁貼
產品比較按鈕允許使用者在清單頁面上瀏覽產品時快速將產品添加到比較托盤。 他們可以從清單頁面將一個或多個產品添加到比較托盤，而無需轉到 PDP。
產品集合、搜尋結果和 PDP 購買方塊模組支援產品比較按鈕。
若要將產品比較按鈕添加到搜索和類別結果頁面上的產品磁貼，跟隨執行以下步驟。
- 在網站建立器中，前往 頁面，然後打開要向其添加產品比較按鈕的類別頁面。
- 在主 插槽中，選擇省略號 (...)，然後選擇添加 模組。
- 在“選擇模組 ” 對話框中，選擇“ 搜尋結果 ”模組，然後選擇“ 確定”。
- 在搜尋結果 模組的 “ 產品比較”按鈕 插槽中，選擇省略號 (...)，然後選擇“ 添加模組”。
- 在“選擇模組 ” 對話框中，選擇“ 產品比較”按鈕 模組，然後選擇“ 確定”。
- 在右側的屬性窗格中，配置產品 比較按鈕 模組屬性。
- 選擇「 保存」，然後選擇預覽版 以預覽版頁面。
- 選擇 完成編輯 以簽入頁面，然後選擇 發佈 以發佈頁面。
將產品比較預覽版面板模組新增到您網站上的頁面
產品比較預覽版面板模組為您的客戶提供查看他們在比較中添加或刪除的產品的選項。 預覽版面板還提供了直接導航到比較頁面或清除整個產品清單的選項。
我們建議您在所有啟用了 「產品比較」按鈕 的頁面上啟用預覽版面板。 該模組可以作為插槽添加到 「產品比較」按鈕 中，也可以用作可在任何頁面上配置的獨立模組，即使沒有添加或刪除要比較的產品的功能也是如此。
您必須手動將產品比較預覽版面板模組添加到頁面。 一個頁面上只應添加一個預覽版面板模組。 如果將模組的多個實例添加到頁面，則將呈現第一個模組，其餘模組將被忽略。
如果指定產品比較限制，則可以選擇在預覽版面板上啟用灰色佔位元，以指示可以向比較中添加多少個產品。 灰色佔位元在添加到比較中時將替換為產品。 要配置產品比較限制並啟用灰色佔位元，請在網站建立器中轉到 網站設置 > 擴展，然後在產品 比較 部分中進行更改。 該配置將應用於所有頁面的所有預覽版面板。
指定要在比較托盤中顯示的最大產品數
您可以通過轉到 網站設置 > 網站建立器中的擴展 來指定要在比較托盤中顯示的最大產品數。 您可以為桌面和行動裝置/平板電腦檢視設定單獨的最大限制。 默認情況下，如果未定義最大限制，則不會強制實施任何限制。
附註
為了獲得最佳瀏覽體驗，我們建議您將比較托盤中的最大產品數設置為移動視口的 2 和 桌面視口的最大 產品數 4 ，以減少所需的水準滾動量。
要指定比較托盤中的最大產品數，跟隨執行以下步驟。
- 在網站建立器中，轉到 網站設置 > 擴展。
- 對於「 比較限制中的產品 - 桌面設備 」屬性，輸入應在桌面視口的比較托盤中顯示的最大產品數。
- 對於「比較限制中的產品 - 行動裝置和平板電腦設備 」屬性，輸入應在行動裝置和平板電腦視口的比較托盤中顯示的最大產品數。
- 在命令列上，選擇 保存併發佈。
