Help Center
카페24 소식
[스마트디자인] 에스크로 주문시 주문상세내역에서 구매확인 및 환불요청 버튼 추가 방법
2012-04-19
안녕하세요, 카페24 운영도우미 입니다.
에스크로를 이용하여 상품 구매 시, 나의 주문 상세 내역 페이지에 구매확인 및
환불요청 버튼이 추가되었습니다.
자세한 내용은 아래를 참조해 주세요.
1. 제목 : 제목을 입력하세요.
2. 업데이트 내용
표준스킨에서는 아래와 같이 파란색 소스 부분을 수정해주시면 됩니다.
1) 수정파일 : /myshop/order/detail.html
[수정전]
[수정후]
{$order.state} <input type="submit" value="주문취소" class="btn {$cancel_display|display}" /> <span class="{$escrow_display|display}"> <a href="#" onclick="{$action_escrow_confirm}"><img src="http://img.echosting.cafe24.com/design/skin/mono/myshop/btn_buy_Approval.gif" alt="구매확인" /></a> <a href="#" onclick="{$action_escrow_reject}"><img src="http://img.echosting.cafe24.com/design/skin/mono/myshop/btn_refund.gif" alt="환불요청" /></a> </span> </td> |
2) 새로 추가된 HTML 파일 : /myshop/order/escrow.html
- 추가된 페이지는 다운로드 받아 사용하세요. [다운받기]
<!--@layout(/layout/basic/popup.html)--> <div module="MyShop_OrderHistoryEscrow"> <!--@css(/css/module/myshop/orderHistoryEscrow.css)--> <h1><span>에스크로 구매확인</span></h1>
<div class="inner"> <fieldset> <legend>에스크로 구매확인</legend> <p>주문하실 때 확인하신 주민등록번호를 입력하시고, 해당 버튼을 클릭하십시오.<br />('-'표시제외 숫자만 입력)</p> {$form_label.ssn} {$form.ssn} </fieldset> </div>
<div class="btnArea"> <p> <a href="#" onclick="{$action_confirm}" class="{$display_confirm|display}"><img src="http://img.echosting.cafe24.com/design/skin/mono/myshop/btn_escrow.gif" alt="구매확인" /></a> <a href="#" onclick="{$action_reject}"><img src="http://img.echosting.cafe24.com/design/skin/mono/myshop/btn_escrowCancel.gif" alt="환불요청" /></a> </p> </div> </div> </div> |
3) 새로 추가된 CSS 파일 :/css/myshop/order/orderHistoryEscrow.css
.layPop { background:#b4bdc5; display:inline-block; .display:inline; zoom:1; position:relative; } .layPop .close { position:absolute; right:0; top:0; text-align:right; } .layPop .close img { cursor:pointer; } .layPop h1 { color:#272823; font-size:26px; text-decoration:underline; } .layPop h1 span { display:block; padding:28px 25px 25px; } .layPop .titleArea h2 { color:#fff; } .layInner { position:relative; padding:20px 25px 0; background:#fff; color:#000; border-top:1px solid #99a2aa; } .layPop .btnArea { overflow:hidden; background:#fff; width:100%; padding:20px 0; margin:0; position:relative; text-align:right; }
.xans-myshop-orderhistoryescrow .inner { padding:0 0 0px; border-bottom:1px solid #dedcdc; } .xans-myshop-orderhistoryescrow fieldset { display:block; padding:0 0 20px; color:#202020; vertical-align:middle; } .xans-myshop-orderhistoryescrow fieldset input { padding:1px 3px; margin:0 5px; width:77px; height:20px; border:1px solid #bcbcbc; } .xans-myshop-orderhistoryescrow fieldset p { padding:0 0 20px; color:#f36424; line-height:17px; } |
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]