Help Center

카페24 소식

[스마트디자인] 에스크로 주문시 주문상세내역에서 구매확인 및 환불요청 버튼 추가 방법

2012-04-19


안녕하세요, 카페24 운영도우미 입니다.

에스크로를 이용하여 상품 구매 시, 나의 주문 상세 내역 페이지에 구매확인 및
환불요청 버튼이 추가되었습니다.


자세한 내용은 아래를 참조해 주세요.



1. 제목 : 제목을 입력하세요.

2. 업데이트 내용

   표준스킨에서는 아래와 같이 파란색 소스 부분을 수정해주시면 됩니다.


   1) 수정파일 : /myshop/order/detail.html

[수정전]


<td>{$order.state} <input type="submit" value="주문취소" class="btn {$cancel_display|display}" /></td>


 

[수정후]


<td>

    {$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="layInner">

  <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 { width:558px; font-size:11px; }

.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게시판으로 문의해주세요. [문의하기]