Cafe24新着情報
[PCデザイン] 割引コードのデザイン適用ガイド[日本語ショップ] - HTML/CSS
2020-02-12
平素よりCafe24をご利用いただき、誠にありがとうございます。
割引コード機能を使用するためのデザイン適用方法についてご案内します。
以下の内容をご確認の上、デザインを修正してください。
■ PCデザイン > スマートデザイン
1. 位置 : 注文(order) > 注文書作成(orderform.html)
▼ 以下のように青色のソースを追加します。
## 上略 ## <td>{$price_unit_head}<strong id="{$total_addsale_price_id}">{$total_addsale_price}</strong>{$price_unit_tail}</td> ## 下略 ## |
2. 位置 : 注文(order) > 注文情報確認(order_confirm_layer.html)
▼ 以下のように青色のソースを追加します。
## 上略 ## <td><span class="grid" id="{$confirm_total_coupon_price_id}"></span></td> ## 下略 ##
</tr>
<tr id="{$confirm_total_discountcode_price_area}">
<th scope="row">割引コード 適用</th>
<td>
<span id="{$confirm_total_discountcode_price_id}"></span>
<ul id="{$confirm_total_discountcode_price_info}" class="info">
</ul>
</td>
</tr>
<tr id="{$confirm_total_benefit_price_area}">
3. 位置 : 注文(order) > 注文完了(order_result.html)
▼ 以下のように青色のソースを追加します。
## 上略 ## {$price_unit_head}{$total_shipfeesale_price}{$price_unit_tail}</span></li> ## 下略 ##
<li class="{$discountcode_display|display}"><strong class="term">割引コード 適用</strong><span class="desc">{$price_unit_head}{$discountcode_price_view}{$price_unit_tail}</span></li>
</ul>
4. 位置 : マイページ(myshop) > 注文履歴(order) > 註文詳細内容(detail.html)
▼ 以下のように青色のソースを追加します。
## 上略 ## </td>
## 下略 ## |
■ Mobileデザイン > スマートデザイン
1. 位置 : 注文書作成、注文情報確認、注文完了
- モバイルショップの場合シンプル注文書がすでに適用されているため、別途の修正を行わずに該当機能を使用することができます。
2. 位置 : マイページ(myshop) > 注文履歴(order) > 註文詳細内容(detail.html)
▼ 以下のように青色のソースを追加します。
## 上略 ## <td>{$total.price_unit_head}{$total.total_shipfeesale_price}{$total.price_unit_tail}</td> |
Cafe24では、より快適なネットショップ運営のため、持続的に機能アップデートを実施しております。