モバイルショップの画面にポイント状況を表示させるには、ソースコードの編集が必要です。
モバイルショップ画面へのポイント表示方法
- 注文書作成
- 管理画面の「Mobileデザイン」で「デザイン編集」ボタンをクリックします。
- スマートデザイン編集ウィンドウで[全てのページ(タブ)>注文(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> ## 下略 ## |
2. 注文情報確認レイヤーポップアップ
1) スマートデザイン編集ウィンドウで[全てのページ(タブ)>注文(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> ## 下略 ## |
3. 注文完了
1) スマートデザイン編集ウィンドウで[全てのページ(タブ)>注文(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> ## 下略 ##
|
4. 右上の「全て保存」ボタンをクリックします。