Retail React 앱 템플릿을사용하면 구현 시간을 단축하면서PWA(Progressive Web App) Kit사이트에 매장 로케이터를 포함할 수 있습니다. 구매자는 우편번호, 도시 등을 기준으로 전 세계 매장 위치를 찾을 수 있습니다. Business Manager에서 매장 정보를 쉽게 확장하여 사이트에 표시되는 위치 메타데이터를 맞춤화할 수 있습니다.
이 가이드에서는 매장 찾기를 구성하고 사용하는 방법을 설명합니다.
매장 찾기를 포함하려면:
다음을 사용하여 사이트를 구축합니다.
범위sfcc.shopper-stores가 있는SLAS(Shopper Login and API Access)클라이언트를 사용합니다. Shopper API 승인의 단계를 따르거나registerClient API 엔드포인트를 사용하여 SLAS 퍼블릭 또는 프라이빗 클라이언트를 생성하거나 업데이트합니다.
sfcc.shopper-stores포함합니다.SLAS 개인 클라이언트는 공용 클라이언트에 비해 몇 가지 이점을 제공합니다. SLAS 프라이빗 클라이언트 사용을 참조하십시오.
Business Manager에서
상수를STORE_LOCATOR_IS_ENABLED로true설정합니다.
SUPPORTED_STORE_LOCATOR_COUNTRIES상수에 국가 드롭다운에서 구매자에게 표시할 국가 목록을 추가합니다.
추가하는 국가 코드는 Business Manager에서 추가한 매장의 국가 코드와 일치해야 합니다.
SUPPORTED_STORE_LOCATOR_COUNTRIES상수가 비어 있으면 구매자가 매장을 검색할 때 매장 찾기는 구매자가 입력한 우편번호를 사용합니다. 에 정의된app/constants.js상수에DEFAULT_STORE_LOCATOR_COUNTRY지정된 국가의 매장 찾기 검색 .
기기에서 위치 공유가 이미 활성화된 구매자의 경우, 매장 찾기가 구매자 기기의 GPS 위치 주변의 결과를 보여줍니다.
기기에서 위치 공유를 활성화하지 않은 구매자의 경우, 매장 로케이터의 초기 렌더링 시 에서 이러한 상수app/constants.js에 지정된 기본 위치 정보에 대한 결과가 표시됩니다.
DEFAULT_STORE_LOCATOR_POSTAL_CODEDEFAULT_STORE_LOCATOR_COUNTRY매장 찾기
한 번에 최대 200개의 매장을 반환합니다.
최대 반경 100km 이내의 매장을 검색합니다
기본 단위는 의 상수app/constants.js에STORE_LOCATOR_DISTANCE_UNIT지정된 대로 (킬로미터)입니다km . 선택적으로, 단위에 마일리지를 사용하려면 로 설정할STORE_LOCATOR_DISTANCE_UNIT``mi수 있습니다.
디폴트 최대 반지름은 의 상수app/constants.js에STORE_LOCATOR_DISTANCE지정된 대로 100입니다. 선택적으로 선택한 최대 반경으로 설정할STORE_LOCATOR_DISTANCE수 있습니다.
이 섹션에서는 매장 찾기를 사용하는 동안 발생할 수 있는 일반적인 오류에 대해 제안된 해결 방법을 제공합니다.
잠재적 원인: Business Manager의 위치 데이터가 정확하지 않습니다.
**제안된 솔루션:**매장 위치 정보가 정확하고 주소, 전화번호, 영업 시간 또는 기타 매장 데이터의 변경 사항을 반영하는지 확인합니다. B2C Commerce에서 매장 관리를참조하십시오.
j