데모 사이트의 로그인 타입 D 템플릿과 같이 Ajax를 이용하여 구성했을 때 템플릿에 주소 검색 위젯을 추가하면 주소 검색 버튼이 정상적으로 동작하지 않습니다.
본 매뉴얼은 Ajax를 이용하여 멤버스 템플릿을 구성한 경우에도 주소 검색 버튼이 정상적으로 동작되도록 설정하는 방법에 대해 안내합니다.
플러그인 업데이트 #
(참고) 주소 검색 위젯은 엠샵 주소 체크아웃 플러그인 이용 시 사용 가능한 위젯입니다.
해당 기능은 엠샵 주소 체크아웃 플러그인 7.6.0 버전 이상에서 사용 가능하므로 최신 버전으로 업데이트 합니다.
커스텀 코드 추가 #
아래 커스텀 코드를 참고하여 /wp-content/themes/차일드 테마/functions.php 에 추가합니다.
before_output_form_템플릿 슬러그를 작성해야 합니다.
예를 들어, ajax를 이용한 템플릿의 슬러그가 regular-pafw-login-type-c인 경우 before_output_form_regular-pafw-login-type-c로 작성합니다.
(주의) 본 테마에 적용할 경우, 추후 테마 업데이트 시 작업한 내역이 삭제되므로 차일드 테마에 작업하는 것을 권장드립니다.
본 테마에 작업하실 경우 테마 업데이트 전 반드시 커스텀 작업 내역을 백업 후 업데이트 해주시기 바랍니다.
// 멤버스 폼 ajax로 구성했을 때 주소 검색 버튼 동작
add_action( 'before_output_form_pafw-login', function () {
if ( function_exists( 'MSADDR' ) ) {
wp_enqueue_style( 'msaddr-widget', MSADDR()->plugin_url() . '/assets/css/msaddr-widget.css', array(), MSADDR()->version );
wp_enqueue_script( 'msaddr-widget', MSADDR()->plugin_url() . '/assets/js/msaddr-widget.js', array( 'jquery', 'underscore' ), MSADDR()->version );
wp_localize_script( 'msaddr-widget', '_msaddr_widget', array(
'primary_address_type' => get_option( 'msaddr_primary_address_type', 'road' ),
'show_other_address' => get_option( 'msaddr_show_other_address', 'no' )
) );
}
} );