[모바일쇼핑몰] 모바일쇼핑몰 현금영수증 신청 기능 추가 안내

2015-08-13

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

모바일쇼핑몰에서 현금영수증 신청이 가능하도록 기능이 추가되었습니다.

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

■ 적용일자 : 2015-08-13 (목)

■ 업데이트 내용

PC쇼핑몰에서만 가능했던 현금영수증 신청 기능이 모바일쇼핑몰에서도 가능해졌습니다.

주문상세조회 화면에서 현금영수증을 신청할 수 있도록 제공됩니다.

- 위치 : 마이쇼핑> 주문조회> 주문상세조회

▼ 쇼핑몰 적용 화면

■ 디자인 수정하기

아래 가이드에 따라 모바일쇼핑몰에 디자인 소스를 적용해주시기 바랍니다.

디자인 적용시 주문상세조회 화면 하단에 [현금영수증 신청] 버튼이 표시되고,

버튼을 클릭하면 '현금영수증 신청양식 작성' 화면으로 이동됩니다.

1) 적용 스킨 : 모바일쇼핑몰 한국어 스킨

2) 적용 화면 : 주문상세조회 (기존 html&css 파일 수정과 신규생성 html 포함)

- 위치 : 마이쇼핑> 나의 주문내역> 주문상세내역 (/myshop/order/detail.html)

▼ 아래와 같이 파란색 소스를 추가합니다.

<div class=" {$customer_msg_display|display} toggleArea type1 selected eToggle">
<div class="title">
<h2>고객 알림</h2>
</div>
<div class="contents customer">
<p>{$customer_msg}</p>
</div>
</div>
<div class="btnArea typeFull">
<span class="gRight">
<a href="#none" onclick="{$action_issue_cash}" class="btnNormal {$issue_cash_display|display}">현금영수증 신청</a></span>
</div>

- 위치 : CSS> 모듈> 마이쇼핑> orderHistoryDetail.css (/css/module/myshop/orderHistoryDetail.css)

▼ 아래와 같이 파란색 소스를 추가합니다.

.xans-myshop-orderhistorydetail .button { float:right; }
.xans-myshop-orderhistorydetail .button .btnBasic { background-color:#fff; }
.xans-myshop-orderhistorydetail .btnArea.typeFull { margin:14px 0; padding:0; }
.xans-myshop-orderhistorydetail .contents .btnArea { max-width:100%; margin:0; padding:7px 14px; border-top:1px solid #d5d5d5; }

- 신규 추가 HTML화면

- 위치 : 마이쇼핑> 나의 주문내역> 증빙서류신청 > 현금영수증 신청 팝업 (/myshop/order/issue/cash.html)

▼ 아래와 같이 소스를 추가합니다.

<div module="MyShop_OrderIssueCash">

<div class="header">
<h2>현금영수증 신청양식 작성</h2>
</div>
{$form.order_id}
<div class="wrap">
<table border="1" summary="">
<caption>현금영수증 신청양식</caption>
<tbody>
<tr class="first">
<th scope="row">구분</th>
<td>{$form.user_type}</td>
</tr>
</tbody>
<tbody id="{$personal_info_id}">
<tr>
<th scope="row">{$form.mobile_identity} {$form_label.mobile}</th>
<td>{$form.mobile}</td>
</tr>
</tbody>
<tbody id="{$company_info_id}" class="{$company_info_display|display}">
<tr>
<th scope="row">{$form.regno_identity} {$form_label.regno}</th>
<td>{$form.regno}</td>
</tr>
</tbody>
</table>
<div class="btnArea">
<button type="submit" class="btnNormal">현금영수증 신청</button>
</div>
</div>
</div>

- 신규 추가 CSS

- 위치 : CSS> 모듈> 마이쇼핑> orderIssueCash.css (/css/module/myshop/orderIssueCash.css)

▼ 아래와 같이 소스를 추가합니다.

#popup { min-width:320px; }
#popup div.wrap { background:#f1f1f1; }
.xans-myshop-orderissuecash table { border:1px solid #ccc; color:#1b1b1b; line-height:1.5; background:#fff; }
.xans-myshop-orderissuecash table th { width:90px; padding:0 0 0 10px; border-top:1px solid #ececec; color:#757575; font-weight:normal; text-align:left; }
.xans-myshop-orderissuecash table td { width:auto; padding:7px 10px; border-top:1px solid #ececec; vertical-align:middle; }
.xans-myshop-orderissuecash table .first th,
.xans-myshop-orderissuecash table .first td { border-top:0; }
.xans-myshop-orderissuecash table img { vertical-align:middle; }
.xans-myshop-orderissuecash table a { text-decoration:none; }
.xans-myshop-orderissuecash table td label { padding:0 30px 0 0; }
.xans-myshop-orderissuecash input[type=radio] { width:13px; height:13px; margin:0 4px 0 0; padding:0; border:0; }
.xans-myshop-orderissuecash #regno { width:100%; }
.xans-myshop-orderissuecash #mobile1 { margin:0 3px 0 0; }
.xans-myshop-orderissuecash #mobile2,
.xans-myshop-orderissuecash #mobile3 { width:45px; margin:0 3px; }
.xans-myshop-orderissuecash .btnArea { width:100%; text-align:center; font-size:0; line-height:0; }
.xans-myshop-orderissuecash .btnArea > button { font-weight:normal; }

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

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

2015-08-11

2015-08-17