[PCデザイン] 割引コードのデザイン適用ガイド[韓国語ショップ] - HTML/CSS

Cafe24新着情報

お知らせ更新情報

2020-02-12

平素よりCafe24をご利用いただき、誠にありがとうございます。

割引コード機能を使用するためのデザイン適用方法についてご案内します。

以下の内容をご確認の上、デザインを修正してください。

■ PCデザイン＞スマートデザイン

1. 位置 : 注文(order) > 注文書作成(orderform.html)

▼ 以下のように青色のソースを追加します。

##　上略　##

<tr class="sum txt14">
<th scope="row">총 할인금액</th>
<td>{$price_unit_head}{$total_addsale_price}{$price_unit_tail}</td>
</tr>
<tr class="{$discountcode_modify_class}">
<th scope="row">할인코드 적용</th>
<td>

<a href="#none" class="btnSubmit" id="ec_discountcode_clear">초기화</a>
<ul id="ec_discountcode_info" class="info">
</ul>
</td>
</tr>
<tr class="{$discountcode_display|display} {$discountcode_select_class}">
<th scope="row">할인코드 적용</th>
<td>
<input type="text" name="ec_discountcode" class="inputTypeText"/>
<a href="#none" id="ec_discountcode" class="btnSubmit">적용</a>
</td>
</tr>
<tr class="{$coupon_display|display} {$coupon_select_class}">
<th scope="row">쿠폰할인</th>
<td><a href="#none" id="{$btn_coupon_select}" class="btnSubmit">쿠폰적용</a></td>
</tr>

##　下略　##

2. 位置 : 注文(order) > 注文情報確認(order_confirm_layer.html)

▼ 以下のように青色のソースを追加します。

##　上略　##

<tr id="{$confirm_total_coupon_price_area}">
<th scope="row">쿠폰할인</th>
<td></td>
</tr>
<tr id="{$confirm_total_discountcode_price_area}">
<th scope="row">할인코드 적용</th>
<td>

<ul id="{$confirm_total_discountcode_price_info}" class="info">
</ul>
</td>
</tr>
<tr id="{$confirm_total_benefit_price_area}">
<th scope="row">추가할인금액</th>
<td>
{$price_unit_head}{$price_unit_tail}<a href="#none" onclick="{$total_benefit_layer_on}" class="btnNormal">내역보기</a>
</td>
</tr>

##　下略　##

3. 位置 : 注文(order) > 注文完了(order_result.html)

▼ 以下のように青色のソースを追加します。

##　上略　##

{$price_unit_head}{$total_shipfeesale_price}{$price_unit_tail}</li>
<li class="{$discountcode_display|display}">할인코드 적용{$price_unit_head}{$discountcode_price_view}{$price_unit_tail}</li>
</ul>

##　下略　##

4. 位置 : マイページ(myshop) > 注文履歴(order) > 註文詳細内容(detail.html)

▼ 以下のように青色のソースを追加します。

##　上略　##

<tr class="{$total.total_coupon_price_display|display}">
<th scope="row">쿠폰할인</th>
<td>
{$total.price_unit_head}{$total.total_coupon_price}{$total.price_unit_tail}
<a href="#none" class="eUsedCouponDetail btnNormal">내역보기</a>
</td>
</tr>
<tr class="{$total.total_discountcode_price_display|display}">
<th scope="row">할인코드 적용</th>
<td>
{$total.price_unit_head}{$total.total_discountcode_price}{$total.price_unit_tail} /
{$total.total_discountcode_price_detail}

</td>
</tr>
<tr class="{$total.total_benefit_price_display|display}">
<th scope="row" >추가할인금액</th>
<td>
{$total.price_unit_head}{$total.total_benefit_price}{$total.price_unit_tail}
<a href="#none" class="btnNormal" onclick="{$total.total_benefit_layer_on}">내역보기</a>
</td>
</tr>

##　下略　##

■ Mobileデザイン＞スマートデザイン

1. 位置 : 注文書作成、注文情報確認、注文完了

- モバイルショップの場合シンプル注文書がすでに適用されているため、別途の修正を行わずに該当機能を使用することができます。

2. 位置 : マイページ(myshop) > 注文履歴(order) > 註文詳細内容(detail.html)

▼ 以下のように青色のソースを追加します。

##　上略　##

<td>{$total.price_unit_head}{$total.total_shipfeesale_price}{$total.price_unit_tail}</td>
 </tr>
<tr class="{$total.total_discountcode_price_display|display}">
 <th scope="row">할인코드 적용</th>
 <td>{$total.price_unit_head}{$total.total_discountcode_price}{$total.price_unit_tail}</td>
 </tr>
</tbody>

##　下略　##

Cafe24では、より快適なネットショップ運営のため、持続的に機能アップデートを実施しております。

今後ともお客様にご満足いただけるサービスを目指し、最善を尽くしてまいります。

引き続き、ご愛顧のほどよろしくお願い申し上げます。

ご不便・ご不明な点等ございましたら、092-517-9981または「お問い合わせ」まで、お気軽にお問い合わせください。

[プロモーション] 割引コード機能の追加について

2020-02-12

[商品管理] [商品キュレーション]商品検索、並べ替え条件の追加および使用性能改善のご案内

2020-02-19