고객이 기본 주소를 입력하거나 주문 배송지 정보를 입력하는 경우, Daum 우편번호 서비스를 통해 입력할 수 있게 만들어주는 플러그인입니다.
설치 및 설정이 완료되면 고객 기본 주소 수정(customer-update-address
), 주문/정기 구독(checkout
) 컴포넌트의 주소 입력창에 주소 찾기 버튼이 추가된 것을 확인할 수 있습니다.
우선 플러그인 설치를 위해서 썬더의 설치문 밑에 다음과 같은 스크립트 설치문을 추가해주세요.
<!-- 디펜던시: 다음 우편번호 서비스 SDK -->
<script src="<https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js>"></script>
<!-- ... 썬더 설치 코드 -->
<!-- 썬더: 다음 주소 검색/입력 플러그인 -->
<script src="<https://code.clayful.io/[email protected]/plugins/searchAddress/daum.min.js>"></script>
설치가 완료되었으면, 다음과 같이 옵션과 함께 플러그인을 설정할 수 있습니다.
Thunder({
...
plugins: {
searchAddress: ThunderSearchAddressDaum({
type: 'popup',
options: { ... }
})
}
});
type