Skip to main content

Can I tell customers that they have received points for an in-app order through my store’s mobile version?

Yes, but you will need to edit your mobile theme’s source code.

 

Sharing a point issuance notice on mobile devices

1. Edit the checkout page design

1) Go to [Themes (Mobile)] and click on [Edit store themes].

2) In the Smart Themes editing window, go to [All pages (tab)>Order (order)>Checkout (orderform.html)] and add the following source code marked in blue.

"## Content omitted above ##
<!-- Total estimated rewards -->
<div class="toggleArea eToggle {$total_save_mileage_display|display}">
<div class="title">
<h3>Total estimated rewards</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>Discounts</caption>
<colgroup>
<col style="width:120px">
<col style="width:auto">
</colgroup>
<tbody>
<tr>
<th>Per item {$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>Customer {$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>Coupon {$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>Plus App order {$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>
## Content omitted below ## "

 

 

2. Order confirmation pop-up window

1) In the Smart Themes editing window, go to [All pages (tab)>Order (order)>Order confirmation (order_confirm_layer.html)] and add the following source code marked in blue.

## Content omitted above ##
<!-- Total estimated rewards -->
<div class="toggleArea eToggle" id="{$confirm_sum_mileage_area}">
<div class="title">
<h3>Total estimated rewards</h3>
<p><span id="{$confirm_sum_mileage_id}"></span></p>
</div>
<div class="contents">
<div class="boardWrite">
<table border="1" summary="">
<caption>Total estimated rewards</caption>
<colgroup>
<col style="width:130px">
<col style="width:auto">
</colgroup>
<tbody>
<tr>
<th>Per item {$mileage_name}</th>
<td id="{$confirm_product_mileage_id}"></td>
</tr>
<tr>
<th>Customer {$mileage_name}</th>
<td id="{$confirm_member_mileage_id}"></td>
</tr>
<tr>
<th>Coupon {$mileage_name}</th>
<td id="{$confirm_coupon_mileage_id}"></td>
</tr>
<tr class="{$total_plusapp_mileage_display|display}">
<th>Plus App order {$mileage_name}</th>
<td id="{$confirm_plusapp_mileage_id}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- // Total estimated rewards -->
</div>
## Content omitted bellow ##

 

 

3. Order completed pop-up window

1) In the Smart Themes editing window, go to [All pages (tab)>Order (order)>Order completed (order_result.html)] and add the following source code marked in blue.

## Content omitted above ##

<!-- Total estimated rewards -->

<div class="toggleArea type2 eToggle {$total_mileage_summary_display|display}">

<div class="title">

<h3>Total estimated rewards</h3>

<p>{$mileage_unit_head}{$total_mileage_price}{$mileage_unit_tail}</p>

</div>

<div class="contents">

<div class="boardView">

<table border="1" summary="">

<caption>Estimated rewards</caption>

<tbody>

<tr class="{$total_product_mileage_display|display}">

<th scope="row">Per item {$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">Customer {$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">Coupon {$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">Plus App order {$mileage_name}</th>

<td><span class="grid">{$price_unit_head}{$total_plusapp_mileage_price}{$mileage_unit}</span></td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

## Content omitted bellow ##

 

 

 

4. Click [Save all] in the top right corner.