商店選取器模組

文章
02/08/2024

本文介紹了商店選擇器模組並描述如何將其添加到網站頁面中 Microsoft Dynamics 365 Commerce。

在線購買後，客戶可以使用商店選擇模組在選定的商店中提取產品。在 Commerce 版本 10.0.13 中，商店選擇器模組還包含其他功能，可以展示顯示附近商店的 查找商店 頁面。

商店選擇器模組允許使用者輸入位置（城市、州、地址等）以搜尋搜尋半徑內的商店。首次開啟模組時，它會使用客戶的瀏覽器位置來尋找商店（如果提供同意）。

商店選擇器模組的使用

可以在產品詳細資訊頁面 (PDP) 上使用商店選擇器模組來選擇提貨商店。
可以在購物車頁面上使用商店選擇器模組來選擇要取貨的商店。
商店選擇器模組可以在顯示所有可用商店的獨立頁面上使用。

商務總部履行小組設置

為了讓商店選擇器顯示可用商店，履行群組必須在 Commerce 總部設定。有關詳細信息，請參閱設定履行組。

此外，對於履行組中的每個商店，必須在總部定義商店位置的緯度和經度。

若要輸入 Commerce 總部商店位置的緯度和經度值，請依照下列步驟操作。

轉至 庫存管理 > 設定 > 庫存明細。
在左側窗格中選擇倉庫位置。
在位址快速選項卡上，選擇進階。
在動作窗格上，選取編輯。
在常規快速選項卡上，輸入緯度和經度的值.
在動作窗格上，選擇儲存。

從商店選擇器模組隱藏商店

配送組中的某些商店可能不是有效的取貨地點。為了確保只有有效的取貨地點作為選項出現在商店選擇器模組中，請在 Commerce 總部按照以下步驟操作。

前往 零售與商務 > 商務設定 > 配送組 > 所有商店。
在動作窗格上，選取編輯。
在設定下，對於每個不是有效提貨地點的商店，清除 是提貨地點 複選框。
在動作窗格上，選擇儲存。
執行 1070 通路配置 分發計畫作業。

Bing 地圖集成

商店選擇器模組與 Bing 地圖 REST 應用程式介面 (API) 集成，以使用 Bing 的地理編碼和自動建議功能。需要 Bing 地圖 API 金鑰，並且必須將其新增至商務總部的共用參數頁面。地理編碼 API 用於將位置轉換為緯度和經度值。與自動建議 API 的整合用於在使用者在搜尋欄位中輸入位置時顯示搜尋建議。

對於自動建議 REST API，您必須確保根據您網站的內容安全性原則 (CSP) 允許使用下列 URL。此設定是在 Commerce 網站建立器中完成的，方法是將允許的 URL 新增至網站的各種 CSP 指令（例如， img-src）。有關詳細信息，請參閱內容安全策略。

在 connect-src 指令中，加入 *.bing.com。
在 img-src 指令中，加入 *.virtualearth.net。
在 script-src 指令中， 加上*.bing.com、*.virtualearth.net。
在 腳本 style-src 指令中，加入 *.bing.com。

門市取貨模式

商店選擇器模組支援 商店取貨 模式，該模式顯示可提貨產品的商店清單。它還顯示清單中每個商店的營業時間和產品庫存。如果產品的配送模式設定為取貨，商店選擇器模組需要產品的上下文來呈現產品可用性並讓使用者將產品加入購物車所選商店。有關詳細信息，請參閱庫存設定。

商店選擇器模組可以添加到 PDP 上的購買框模組中，以向商店顯示可以提貨的產品。它還可以添加到購物車模組中。在這種情況下，商店選擇器模組會顯示購物車中每個訂單項目的取貨選項。商店選擇器模組還可以透過擴充功能和自訂添加到其他頁面或模組。

要使此方案發揮作用，應配置產品以便使用提貨交付模式。否則，該模組將不會顯示在產品頁面上。有關如何配置傳送模式的詳細信息，請參閱設定傳送模式。

下圖顯示了 PDP 上使用的儲存選擇器模組的範例。

PDP 上使用的儲存選擇器模組的範例。

附註

在版本 10.0.16 及更高版本中，可以啟用一項新功能，該功能允許組織為客戶定義多種交付選項的取貨模式。如果啟用此功能，商店選擇器和電子商務的其他模組將得到增強，以允許購物者從潛在的多個提貨交付選項中進行選擇（如果配置）。要了解有關此功能的更多信息，請參閱此文件。

找店模式

商店選擇器模組還支援 尋找商店 模式。此模式可用於建立商店位置頁面，顯示可用商店及其資訊。在此模式下，商店選擇器模組無需產品上下文即可運作，並且可以在任何網站頁面上用作獨立模組。另外，如果模組開啟了相關設置，用戶可以選擇商店作為自己的首選商店。當某家商店被選為使用者的首選商店時，該商店 ID 將會保存在瀏覽器 cookie 中。因此，使用者必須接受 cookie 同意訊息。

下圖顯示了與商店位置頁面上的地圖模組一起使用的商店選擇器模組的範例。

商店位置頁面上的商店選擇器模組和地圖模組的範例。

渲染地圖

商店選擇器模組可以與地圖模組一起使用，以在地圖上顯示商店位置。有關地圖模組的更多信息，請參閱地圖模組

儲存選擇器模組屬性

屬性名稱	值	描述
標題	文字	模組的標題。
模式	尋找商店或店內取貨	尋找商店模式顯示可用商店。商店取貨模式可讓使用者選擇取貨商店。
樣式	對話框或內聯	此模組可以內聯或在對話方塊中呈現。
設為慣用商店	True 或 False	當此屬性設定為 True時，使用者可以設定首選商店。此功能要求使用者接受 cookie 同意訊息。
顯示所有商店	True 或 False	當此屬性設定為 True時，使用者可以繞過搜尋半徑屬性並查看所有商店。
自動建議選項：最大結果	號碼	此屬性定義可透過 Bing 自動建議 API 顯示的自動建議結果的最大數量。
搜尋半徑	號碼	此屬性定義商店的搜尋半徑（以英里為單位）。如果未指定值，則使用預設搜尋半徑 50 英里。
服務條款	URL	此屬性指定使用 Bing 地圖服務所需的服務 URL 條款。