모바일 쇼핑몰 화면에 적립금을 노출하기 위해서는 디자인 소스 수정이 필요해요.
자세히 알아보기
모바일 쇼핑몰 화면에 적립금 노출하기
1. 쇼핑몰 관리자 으로 이동해 주세요.
2. 디자인 보관함에서 앱과 연결된 쇼핑몰의 대표 디자인에 '편집' 버튼을 클릭해주세요.
3. '주문서 작성' 화면에 디자인 소스를 추가해 주세요.
스마트디자인 편집창에서 '전체화면보기(탭) > 주문(order) > 주문서작성(orderform.html)'에 아래와 같이
파란색 소스를 추가해 주세요.
## 상단 생략 ##
<!-- 총 적립예정금액 -->
<div class="toggleArea eToggle {$total_save_mileage_display|display}">
<div class="title">
<h3>총 적립예정금액</h3>
<p><strong id="{$total_mileage_price_id}">{$total_mileage_price}</strong></p>
</div>
<div class="contents">
<div class="boardList">
<table border="1" summary="">
<caption>할인 내역</caption>
<colgroup>
<col style="width:120px">
<col style="width:auto">
</colgroup>
<tbody>
<tr>
<th>상품별 {$mileage_name}</th>
<td><span id="{$total_product_mileage_price_id}">{$price_unit_head}{$total_product_mileage_price}{$mileage_unit}</span></td>
</tr>
<tr>
<th>회원 {$mileage_name}</th>
<td><span id="{$total_member_mileage_price_id}">{$price_unit_head}{$total_member_mileage_price}{$mileage_unit}</span></td>
</tr>
<tr>
<th>쿠폰 {$mileage_name}</th>
<td><span id="{$total_coupon_mileage_price_id}">{$price_unit_head}0{$mileage_unit}</span></td>
</tr>
<tr class="{$total_plusapp_mileage_display|display}">
<th>플러스앱주문 {$mileage_name}</th>
<td><span id="{$total_plusapp_mileage_price_id}">{$price_unit_head}{$total_plusapp_mileage_price}{$mileage_unit}</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
## 하단 생략 ##
4. '주문 정보 확인 레이어 팝업' 화면에 디자인 소스를 추가해 주세요.
스마트디자인 편집창에서 '전체화면보기(탭) > 주문(order) > order_confirm_layer.html'에 아래와 같이
파란색 소스를 추가해 주세요.
## 상단 생략 ##
<!-- 총 적립예정금액 -->
<div class="toggleArea eToggle" id="{$confirm_sum_mileage_area}">
<div class="title">
<h3>총 적립예정금액</h3>
<p><span id="{$confirm_sum_mileage_id}"></span></p>
</div>
<div class="contents">
<div class="boardWrite">
<table border="1" summary="">
<caption>총 적립예정금액</caption>
<colgroup>
<col style="width:130px">
<col style="width:auto">
</colgroup>
<tbody>
<tr>
<th>상품별 {$mileage_name}</th>
<td id="{$confirm_product_mileage_id}"></td>
</tr>
<tr>
<th>회원 {$mileage_name}</th>
<td id="{$confirm_member_mileage_id}"></td>
</tr>
<tr>
<th>쿠폰 {$mileage_name}</th>
<td id="{$confirm_coupon_mileage_id}"></td>
</tr>
<tr class="{$total_plusapp_mileage_display|display}">
<th>플러스앱주문 {$mileage_name}</th>
<td id="{$confirm_plusapp_mileage_id}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- // 총 적립예정금액 -->
</div>
## 하단 생략 ##
5. '주문 완료' 화면에 디자인 소스를 추가해 주세요.
스마트디자인 편집창에서 '전체화면보기(탭) > 주문(order) > 주문 완료(order_result.html)'에 아래와 같이
파란색 소스를 추가해 주세요.
## 상단 생략 ##
<!-- 총 적립예정금액 -->
<div class="toggleArea type2 eToggle {$total_mileage_summary_display|display}">
<div class="title">
<h3>총 적립예정금액</h3>
<p>{$mileage_unit_head}{$total_mileage_price}{$mileage_unit_tail}</p>
</div>
<div class="contents">
<div class="boardView">
<table border="1" summary="">
<caption>적립예정 내역</caption>
<tbody>
<tr class="{$total_product_mileage_display|display}">
<th scope="row">상품별 {$mileage_name}</th>
<td><span class="grid">{$price_unit_head}{$total_product_mileage_price}{$mileage_unit}</span></td>
</tr>
<tr class="{$total_member_mileage_display|display}">
<th scope="row">회원 {$mileage_name}</th>
<td><span class="grid">{$price_unit_head}{$total_member_mileage_price}{$mileage_unit}</span></td>
</tr>
<tr class="{$total_coupon_mileage_display|display}">
<th scope="row">쿠폰 {$mileage_name}</th>
<td><span class="grid">{$price_unit_head}{$total_coupon_mileage_price}{$mileage_unit}</span></td>
</tr>
<tr class="{$total_plusapp_mileage_display|display}">
<th scope="row">플러스앱주문 {$mileage_name}</th>
<td><span class="grid">{$price_unit_head}{$total_plusapp_mileage_price}{$mileage_unit}</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
## 하단 생략 ##
6. 수정한 디자인 소스를 확인하고 상단 오른쪽의 '모두저장' 버튼을 클릭해 주세요.
연관 콘텐츠