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

고객이 쇼핑몰에서 현금처럼 사용할 수 있는 예치금 서비스 기능이 추가되었습니다.

예치금은 상품주문/결제 시 현금과 동일하게 사용이 가능하며,

상품구입시 회원등급할인, 적립금, 쿠폰 사용 주문은 위 '예치금 사용 예외설정' 에 따라 예치금 사용의 제한도 가능합니다.

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

---

1. 서비스 명 : 예치금 서비스

2. 서비스 소개

고객이 구매한 상품의 환불/교환 요청 시 잔금을 예치금으로 충전하여 고객이 현금처럼 사용할 수 있는 기능입니다.

무통장, 계좌이체 결제시 가능하며 기존 적립금과는 다르게 현금영수증을 발행할 수 있습니다.

참고로, 카드결제, PG에스크로(실시간계좌이체), 휴대폰 결제는 예치금 환불이 불가능하고,

           현금성 거래인 무통장 결제, 실시간계좌이체만 환불이 가능합니다.

※ 예치금 서비스는 NEW 주문관리에서만 사용이 가능합니다.

3. 상세내용

1) '쇼핑몰어드민 > 상점관리 > 상점운영 관련 설정 > 예치금 설정' 메뉴로 이동하여 예치금 사용여부 및
그 외 항목들을 설정합니다.

▼ 예치금 설정화면



2) 주문서 작성 페이지에 예치금 항목이 적용된 것을 확인하실 수 있습니다. (자동적용)

▼ 주문서 작성 페이지 적용화면



3) HTML 수정을 아래와 같이 적용합니다.
   
[구 디자인 모드 수정방법]

[주문화면]

① 위치 : 디자인 관리 > HTML디자인 설정 > 주문완료 > 결제결과페이지(c_3) > 총주문합계(u9)
- 아래와 같이 빨간색 소스 삭제, 파란색 소스 추가하여 적용해주세요.

<tr><td bgcolor="{{$tab_array.c_3.th_bgcolor}}" align="right" height="20">사용적립금  :</td>             <td bgcolor="{{$tab_array.c_3.th_bgcolor}}" align="right" height="20">예치금  :</td>         <td bgcolor="{{$tab_array.c_3.th_bgcolor}}" align="right" style="padding-left:20"><span class="font_blue">{{$used_deposit}}</span></td>  </tr>   <tr>        <td bgcolor="{{$tab_array.c_3.th_bgcolor}}" align="right" height="20">적립금  :</td>                 <td bgcolor="{{$tab_array.c_3.th_bgcolor}}" align="right" style="padding-left:20"><span class="font_blue">{{$used_mil}}</span></td>  </tr>

② 위치 : 디자인 관리 > HTML디자인 설정 > 주문완료 > 결제결과페이지(c_3) > 예치금결제정보(u4d)
- '초기화 복구' 버튼 클릭 후 '등록' 버튼을 클릭합니다.

▼ 주문완료 페이지 적용화면



[마이쇼핑 화면]

① 위치 : 디자인 관리 > HTML디자인 설정 > 마이쇼핑 > 마이쇼핑메뉴리스트(c_3)
- 아래와 같이 {{$c_3_u3}}과 {{$c_3_u5}} 변수 사이에 {{$c_3_u12}} 모듈을 추가합니다.

<font STYLE="color:{{$font_array.c_3.font_color}};font-size:{{$font_array.c_3.font_size}};font-family:{{$font_array.c_3.font_type}};">관심상품으로 등록하신 상품의 목록을 보여드립니다.</font></a></td>                     </tr>                     <tr>                       <td height="1" height="1" bgcolor="{{$tab_array.c_3.td_fgcolor}}" width="198"></td>                       <td height="1" bgcolor="{{$tab_array.c_3.td_fgcolor}}" width="461"></td>                     </tr>       {{$c_3_u2}}       {{$c_3_u3}}       {{$c_3_u12}}       {{$c_3_u5}}

② 위치 : 디자인 관리 > HTML디자인 설정 > 마이쇼핑 > 마이쇼핑메뉴리스트(c_3) > 통장내역 전체틀(u6)
- 아래와 같이 {{$c_3_u11}} 모듈을 추가합니다.

</tr>         {{* 적립금내역 *}}         {{$c_3_u7}}         {{* 예치금내역*}}       {{$c_3_u11}}         {{* 쿠폰내역 *}}         {{$c_3_u8}}         </table>

③ 위치 : 디자인 관리 > HTML디자인 설정 > 마이쇼핑 > 마이쇼핑메뉴리스트(c_3)
- 예치금잔액(u11), 예치금설명(u12) 모듈페이지 '초기화 복구' 버튼클릭 후 '등록' 버튼을 클릭합니다.

④ 위치 : 디자인 관리 > HTML디자인 설정 > 마이쇼핑화면 > 예치금내역 > 예치금내역(c_3)
- 예치금내역(c_3) 페이지를 '초기화 복구' 후 '등록'버튼을 클릭합니다.
- 하단의 모든 모듈 편집 창에서 '초기화 복구' 후 '등록'버튼을 클릭합니다.

⑤ 위치 : 디자인 관리 > HTML디자인 설정 > 마이쇼핑화면 > 예치금 환불요청 > 예치금환불요청내역(c_3)
- 예치금환불요청내역(c_3) 페이지를 '초기화 복구' 후 '등록'버튼을 클릭합니다.
- 하단의 모든 모듈 편집 창에서 '초기화 복구' 후 '등록'버튼을 클릭합니다.

▼ 마이쇼핑 적용화면
 



[스마트디자인 모드 수정방법]

① 상품화면
- 위치 : /product/detail.html
- product_detail 모듈에 적립금 영역에 아래의 코드를 추가합니다.
- product_detaildesign 모듈을 사용중이라면 아래 작업은 필요 없습니다.

<li class="{$deposit_mileage_display|display}">     <img src="{$deposit_mileage_icon}" alt="예치금 결제시 적립금" />     {$deposit_mileage_value|numberformat} 원     <span class="{$deposit_mileage_percent_display|display}">({$deposit_mileage_percent} %)</span> </li>

② 주문화면
- 위치 : /product/detail.html
- <div class="boardView {$mileage_display|display}">(적립금 입력영역) 부분을 찾아서 그 상단에
   아래와 같은 소스를 추가합니다. (적립금 정보 입력란 상단)

<!-- 예치금 --> <div class="boardView {$deposit_display|display}">     <table border="1" summary="예치금 정보 입력란입니다." class="boardView ordAdd">         <caption>예치금 정보 입력</caption>         <tr>             <th scope="row">예치금사용</th>             <td>                 <p>{$price_unit_head}{$form.input_deposit} {$price_unit_tail} (총 사용가능 예치금 : {$price_unit_head}{$total_deposit}{$price_unit_tail})</p>                 <p>예치금은 사용제한 없이 언제든 결제가 가능합니다.</p>                 <p>예치금으로만 결제할 경우, 결제금액이 0으로 보여지는 것은 정상이며 [결제하기] 버튼을 누르면 주문이 완료됩니다.</p>             </td>         </tr>     </table> </div>

- 위치 : /order/order_result.html
- 총 주문합계금액을 노출하는 부분 <div id="totalOrder">를 찾아 배송비와 사용적립금 사이에 예치금을 추가합니다.

<li><strong>배송비</strong> <span>{$price_unit_head} {$total_ship_fee} {$price_unit_tail} {$total_ship_fee_str}</span></li> <li><strong>사용예치금</strong> <span>{$price_unit_head} {$deposit_used} {$price_unit_tail}</span></li> <li><strong>사용적립금</strong> <span>{$price_unit_head} {$mileage_used} {$price_unit_tail}</span></li>

③ 마이쇼핑 화면
- 위치 : /myshop/index.html
- 상단 마이쇼핑 정보 조회 영역 : 적립급 하단에 아래의 코드를 추가합니다.

<li class="mileage {$display_deposit|display}">    <strong class="title">예치금</strong>    <strong class="cont">{$total_deposit}</strong>    <a href="/myshop/deposits/historyList.html"><img src="http://img.echosting.cafe24.com/design/skin/mono/myshop/btn_result.gif" alt="조회" /></a> </li>

- 하단 마이쇼핑 목록 : 1:1 맞춤 상담 등 적당한 위치에 아래의 코드를 추가합니다.

<div class="shopMain"></div>   <!-- 실제 쇼핑몰 반영 부분 --> <div class="shopMain">     <div class="deposits">         <h3><a href="/myshop/deposits/historyList.html"><strong>deposits</strong>예치금</a></h3>         <p>         <a href="/myshop/deposits/historyList.html">             예치금은 현금과 동일하게 상품 구매시 사용하실 수 있습니다.<br />             예치된 금액은 현금으로 환불이 가능합니다. (예치금 적립: 주문취소 등의 환불금액 발생 시 예치금으로 적립이 가능합니다.)         </a>         </p>     </div> </div> <!-- //실제 쇼핑몰 반영 부분 -->   <div class="shopMain"></div>

- CSS를 아래와 같이 추가합니다.

  파일위치 : /layout/basic/css/layout.css

/* .shopMain .address {  } 하단에 아래 코드를 추가합니다 */ .shopMain .deposits { height:83px; padding:27px 0 0 30px; background:url(http://img.echosting.cafe24.com/design/skin/mono/myshop/bg_myShop09.gif) right 0 no-repeat; }

 

---

카페24는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]