Help Center
카페24 소식
[디자인] 모바일 우편번호 검색창 레이어팝업으로 변경 안내
2015-03-18
안녕하세요, 카페24 운영도우미 입니다.
모바일 기기 설정 및 인터넷 설정에 따라 팝업창이 자동으로 차단되는 문제를 해결하기 위해
'우편번호 검색' 팝업창을 레이어팝업창으로 변경할 수 있도록 기능이 개선되었습니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2015-03-18(수)
■ 업데이트 내용
기존 : [우편번호] 버튼 클릭 시, 팝업창으로 열림
변경 : [우편번호] 버튼 클릭 시, 레이어팝업창으로 열림
(레이어팝업창 : 새창이 아닌 현재 띄워져있는 화면에서 창을 띄움)
※ 템플릿 모드를 이용하고 있는 경우 해당 기능은 자동으로 적용되고,
HTML모드를 이용하고 있는 경우에는 아래 안내에 따라 HTML 수정해주셔야 정상적으로 이용 가능합니다.
(HTML 수정시에는 회원가입과 주문서작성 페이지 모두 변경해야 합니다.)
■ 적용 방법
1. 회원관련화면 > 회원가입
▼ 아래와 같이 빨간색 소스 삭제, 파란색 소스를 추가합니다.
|
## 상단 생략 ## <td class="address"> ## 하단 생략 ## |
2. 주문관련화면 > 주문서작성
▼ 아래와 같이 빨간색 소스 삭제, 파란색 소스를 추가합니다.
|
## 상단 생략 ## <div id="container"> ## 중간 생략 ## <td> ## 중간 생략 ## <td> |
- 네이버마일리지 사용여부에 따라 주문서 작성 페이지에 아래와 같이 소스를 추가합니다.
1) 모바일에서 네이버 마일리지 사용안함
▼ 아래와 같이 파란색 소스를 추가합니다.
|
## 상단 생략 ## {{$sFooter}} ## 하단 생략 ## |
2) 모바일에서 네이버 마일리지 사용함
▼ 아래와 같이 파란색 소스를 추가합니다.
|
## 상단 생략 ## {{$sFooter}} <form action="/Front/Order/?url=Parseorder&login=mobile" method="post" target="orderTmpProcReal" name="newOrderRequestForm" id="newOrderRequestForm"> ## 하단 생략 ## |
3. 회원관련화면 > 우편번호찾기
▼ 우편번호찾기 HTML소스를 아래 소스로 교체합니다.
<body> <div id="layerZipcode" class="mZipCodeLayer" style="left:0px;top:0px;background-color:#{{$aSkinCfg.zip_bgcolor}};"> <div class="header"> <h1>우편번호 검색</h1> </div> <div class="mZipCode"> <div class="mSearchForm"> <fieldset> <legend>우편번호 검색</legend> <form name='ff' id="zipSearchForm" action='/Mobilef/Member/zipsearch.php' method='post'> <input type="hidden" name="option" id="option" value="searchZip"> <input type="hidden" name="from" id="from" value="{{$sFrom}}"> <input type='hidden' name='zip_type' value='{{$zip_type}}'> <input type='hidden' name='sido_code' value='{{$sido_code}}'> <input type='hidden' name='paging_page' value='{{$paging_page}}'> <label class="keyword"> <span>검색어</span> <input type="text" id="zipCodeText" name="addrkey" style="{{$sZipInputStyle}}" value="{{$addrkey}}"/> </label> {{$sSearchBtn}} <p>- 지번(동,읍,면,리) : 예)신대방동, 신면리 / 도로명(새주소) : 예)신대방길</p> </fieldset> </div> <div class="mTab"> <ul> <li class="{{$tab_select_number}}" id="zip_number"><a href="javascript:frmSubmit('1');">지번 주소</a></li> <li class="{{$tab_select_street}}" id="zip_street"><a href="javascript:frmSubmit('2');">도로명 주소</a></li> </ul> </div> {{if $resultZipSearch.zipcode|@count > 0}} <div id="tabNumber" class="tabCont"> {{if $zip_type == '1'}} <!-- 지번 검색일 경우 --> <div class="mAreaList type1">{{$areaList}}</div> </form> <div class="mResult type1"> <div class="resultList"> <table border="1" summary=""> <caption>지번 주소 검색결과</caption> <colgroup> <col style="width:auto;" /> <col style="width:60px;" /> <col style="width:60px;" /> </colgroup> <thead> <tr> <th scope="col">상세주소</th> <th scope="col">우편번호</th> <th scope="col">선택</th> </tr> </thead> <tbody class="center"> {{foreach from=$resultZipSearch.zipcode key=iKey item=aItem}} <tr> <td class="left"> <ul class="address"> <li><span class="icoNumber">지번</span><p><a href="javascript:SearchZipCode('{{$aItem.zipcode}}', '{{$aItem.addr_input}}', '{{$sFrom}}', 'layer');">{{$aItem.addr}}</a></p></li> </ul> </td> <td>{{$aItem.zipcode}}</td> <td><a href="javascript:SearchZipCode('{{$aItem.zipcode}}', '{{$aItem.addr_input}}', '{{$sFrom}}', 'layer');" class="btnSelect"><span>선택</span></a></td> </tr> {{/foreach}} </tbody> </table> </div> </div> {{else}} <!-- 도로면 검색일 경우 --> <div id="tabStreet" class="tabCont"> <div class="mAreaList type3">{{$areaList}}</div> <div class="mResult type3"> <div class="resultList"> <table border="1" summary=""> <caption>도로명 주소 검색결과</caption> <colgroup> <col style="width:auto;" /> <col style="width:60px;" /> <col style="width:60px;" /> </colgroup> <thead> <tr> <th scope="col">상세주소</th> <th scope="col">우편번호</th> <th scope="col">선택</th> </tr> </thead> <tbody class="center"> {{foreach from=$resultZipSearch.zipcode key=iKey item=aItem}} <tr> <td class="left"> <ul class="address"> <li><span class="icoStreet">도로명</span><p><a href="javascript:SearchZipCode('{{$aItem.zipcode}}', '{{$aItem.addr_input}}', '{{$sFrom}}', 'layer');">{{$aItem.addr_street}}</a></p></li> <li><span class="icoNumber">지번</span><p><a href="javascript:SearchZipCode('{{$aItem.zipcode}}', '{{$aItem.addr_input}}', '{{$sFrom}}', 'layer');">{{$aItem.addr}}</a></p></li> </ul> </td> <td>{{$aItem.zipcode}}</td> <td><a href="javascript:SearchZipCode('{{$aItem.zipcode}}', '{{$aItem.addr_input}}', '{{$sFrom}}', 'layer');" class="btnSelect"><span>선택</span></a></td> </tr> {{/foreach}} </tbody> </table> </div> </div> </div> {{/if}} <div align="center">{{$paging_list}}</div> {{else}} </form> <!-- 참고 : 검색결과가 없을 경우 --> <div id="tabZero" class="tabCont"> <div class="mAreaList type0"></div> <div class="mResult type0"> <div class="resultList"> <table border="1" summary=""> <caption>도로명 주소 검색결과</caption> <colgroup> <col style="width:auto;" /> <col style="width:60px;" /> <col style="width:60px;" /> </colgroup> <thead> <tr> <th scope="col">상세주소</th> <th scope="col">우편번호</th> <th scope="col">선택</th> </tr> </thead> <tbody class="empty"> <tr><td colspan="3">우편번호 검색 내역이 없습니다.</td></tr> </tbody> </table> </div> </div> <div class="mPaginate"> <ol><li><strong title="현재페이지">1</strong></li> </ol> </div> </div> {{/if}} </div> </div> </div> </body> |
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]