クーポン（部分テンプレート）

注文情報入力画面で利用する各入力フォーム用部分テンプレートです。
注文情報入力画面で include して利用します。（注文情報入力画面以外では利用できません）

テーマ管理のファイルパス

ec_force/shop/orders/_view_coupon.html.liquid
ec_force/shop/orders/_view_coupon.html+smartphone.liquid

必要なコンポーネント

任意とあるもの以外はシステム上必要なコンポーネントとなりますので、必ず使用するようにしてください。

<!-- 部分テンプレート(クーポンの入力) -->
<div id='view-coupon'>
 
  <!-- クーポンの入力 -->
  {% if shop_form_settings['coupon'] %}
 
    <!-- クーポンコードの取得 -->
    {% assign coupon_code = '' %}
    {% if order.coupon.code != blank %}
      {% assign coupon_code = order.coupon.code %}
    {% elsif order.coupon_code != blank %}
      {% assign coupon_code = order.coupon_code %}
    {% endif %}
 
    <label>クーポンコード</label>
 
    <!-- 購入フォームへのクーポン表示設定が有効 かつ 利用可能なクーポン数がある場合にクーポンを表示 -->
    {% if shop_form_settings['display_coupon_to_purchase_form'] and usable_coupons.size > 0 %}
      <label>ご利用可能なクーポン</label>
      {% for coupon in usable_coupons %}
        <div class='coupon_box'>
          <span>
            {{ coupon | generate_coupon_discount_text }}
          </span>
          <button class='btn_apply_coupon' value='not_applied' id='{{ coupon.code }}' type='button'>適用する</button>
          {{ coupon | generate_coupon_expiration_date_text }}
          クーポン名: {{ coupon.name }}
        </div>
      {% endfor %}
      <label>クーポンコードを入力してください。</label>
      <input id='input_coupon_code' name="order[coupon_code]" value="{{ coupon_code }}">
    {% else %}
      <input name="order[coupon_code]" value="{{ coupon_code }}">
    {% endif %}
  {% endif %}
 
</div>