購入履歴詳細画面 基本情報

{{ 'shop/customer/orders' | javascript_include_tag }}
 
<!-- (PCの場合)購入履歴詳細タブ(任意) -->
{% assign template = 'shop/customer/orders' %}
{% include 'ec_force/shop/customer/orders/shared/nav.html' %}
 
<!-- (SPの場合)購入履歴詳細タブ(任意) -->
{% assign template = 'shop/customer/orders' %}
{% include 'ec_force/shop/customer/orders/shared/nav.html+smartphone' %}
 
<!-- フラッシュメッセージ -->
{{ 'notice' | flash: 'alert alert-success', 'text' }}
{{ 'alert' | flash: 'alert alert-danger', 'text' }}
{{ 'error' | flash: 'alert alert-danger', 'text' }}
 
{% for order_item in order.order_items %}
  <!-- 商品名 -->
  {{ order_item.name_with_tax }}
 
  <!-- 単価 (税抜)(任意) -->
  {{ order_item.price | number_to_currency: format: '%n %u' }}
 
  <!-- 個数(任意) -->
  {{ order_item.quantity }}
 
  <!-- 小計 (税抜)(任意) -->
  {{ order_item.price | times: order_item.quantity | number_to_currency: format: '%n %u' }}
{% endfor %}
 
<!-- 税率の印の説明 -->
{% for symbol_text in order.tax_symbol_texts %}
  {{ symbol_text }}
{% endfor %}
 
<!-- ギフト設定情報 -->
{% if gift_order_items.size > 0 %}
  {% for gift_oi in gift_order_items %}
    {% for gift_relation in gift_oi.gift_target_relations %}
      {% if forloop.index0 == 0 %}
        <!-- ギフト商品名 -->
        {{ gift_oi.name_with_tax_and_option_values_presentation }}
      {% endif %}
 
      <!-- ギフト対象商品名 -->
      {{ gift_relation.variant.name_with_option_values_presentation }}
 
      {% if gift_oi.gift.noshi? %}
        <!-- 表書き -->
        {% if gift_relation.description_part_of_noshi != blank %}
          {{ gift_relation.description_part_of_noshi }}
        {% endif %}
 
        <!-- 名入れ -->
        {% if gift_relation.name_part_of_noshi != blank %}
          {{ gift_relation.name_part_of_noshi | escape }}
        {% endif %}
      {% endif %}
 
      <!-- ギフト商品個数 -->
      {{ gift_relation.gift_quantity }}
    {% endfor %}
  {% endfor %}
{% endif %}
 
<div id='orders-detail-view'>
  <!-- 注文番号 -->
  {{ order.number }}
  
  <!-- 注文小計(任意) -->
  {{ order.subtotal | number_to_currency: format: '%n %u' }}
  
  <!-- 8%対象小計(任意) -->
  {{ order.subtotal8 | number_to_currency: format: '%n %u' }}
  
  <!-- 10%対象小計(任意) -->
  {{ order.subtotal10 | number_to_currency: format: '%n %u' }}
  
  <!-- 割引(任意) -->
  -{{ order.discount_not_with_point | number_to_currency: format: '%n %u' }}
  
  <!-- 8%対象割引(任意) -->
  -{{ order.discount8 | number_to_currency: format: '%n %u' }}
  
  <!-- 10%対象割引(任意) -->
  -{{ order.discount10 | number_to_currency: format: '%n %u' }}
  
  <!-- ポイント利用(任意) -->
  -{{ order.discount_point_amount | number_to_currency: format: '%n %u' }}
  
  <!-- ラッピング代(任意) -->
  {{ order.misc_fee | number_to_currency: format: '%n %u' }}
  
  <!-- 送料 -->
  {{ order.deliv_fee | number_to_currency: format: '%n %u' }}
  
  <!-- 手数料(任意) -->
  {{ order.charge | number_to_currency: format: '%n %u' }}
 
  <!-- 調整金額(任意) -->
  {{ order.adjustment | number_to_currency: format: '%n %u' }}  
 
  <!-- 消費税 -->
  {{ order.tax | number_to_currency: format: '%n %u' }}
  
  <!-- 8%対象消費税(任意) -->
  {{ order.tax8 | number_to_currency: format: '%n %u' }}
  
  <!-- 10%対象消費税(任意) -->
  {{ order.tax10 | number_to_currency: format: '%n %u' }}
  
  <!-- 合計 -->
  {{ order.total | number_to_currency: format: '%n %u' }}
 
  <!-- 付与予定ポイント(任意) -->
  {% if base_info.use_point? %}
    {{ order.grant_plan_point }}
  {% endif %}
 
  <!-- 支払い合計(任意) -->
  {{ order.payment_total | number_to_currency: format: '%n %u' }}
  
  <!-- 支払い方法(任意) -->
  {{ order.payment_method.name }}
  
  <!-- 分割回数(任意) -->
  {{ order.payment.payment_times }}
  
  <!-- 対応状況 -->
  {{ order.human_state_name }}
  
  <!-- 決済状況 -->
  {{ order.payment.human_state_name }}
  
  <!-- 複数のお届け先ではない場合 -->
  {% unless order.multiple_shipping? %}
    {% if order.pickup_store == blank and order.smaregi_order? == false %}
      <!-- 配送業者(任意) -->
      {{ order.shipping_carrier.name }}
 
      <!-- 配送伝票番号(任意) -->
      {% if order.tracking_url == blank %}
        {{ order.shipping_slip }}
      {% else %}
        <a href="{{order.tracking_url}}" target="_blank">{{ order.shipping_slip }}</a>
      {% endif %}
 
      <!-- 予約販売(任意) -->
      {% if enabled_pre_order and order.unshipped_pre_order? %}
        <!-- お届け予定時期(任意) -->
        {{ order.pre_ordered_delivery_description_snapshot }}
      {% else %}
        <!-- 発送予定日(任意) -->
        {{ order.scheduled_to_be_shipped_at | date: "%Y/%m/%d %H:%M:%S" }}
 
        <!-- 発送完了日(任意) -->
        {{ order.shipped_at | date: "%Y/%m/%d %H:%M:%S" }}
 
        <!-- 配送予定日(任意) -->
        {{ order.scheduled_to_be_delivered_at | date: "%Y/%m/%d %H:%M:%S" }}
      {% endif %}
      <!-- お届け時間(任意) -->
      {% if order.scheduled_delivery_time == blank %}
        指定なし
      {% else %}
        {{ order.scheduled_delivery_time }}
      {% endif %}
 
    {% elsif order.smaregi_order? == true %}
      <!-- スマレジ購入店舗(任意) -->
      {{ order.smaregi_order.store_name }}
    {% endif %}
 
    <!-- 予約販売(任意) -->
    {% if enabled_pre_order and order.unshipped_pre_order? %}
      <!-- 予約日時 -->
      {{ order.pre_ordered_at | date: "%Y/%m/%d %H:%M:%S" }}
    {% else %}
      <!-- 注文日時 -->
      {{ order.completed_at | date: "%Y/%m/%d %H:%M:%S" }}
    {% endif %}
 
  {% endunless %}
 
  {% if order.pickup_store != blank %}
    <!-- 受取店舗情報(店舗名)(任意) -->
    {{ order.pickup_store.name }}
 
    <!-- 受取店舗情報(フリガナ)(任意) -->
    {{ order.pickup_store.kana }}
 
    <!-- 受取店舗情報(郵便番号)(任意) -->
    {{ order.pickup_store.full_zip }}
 
    <!-- 受取店舗情報(住所)(任意) -->
    {{ order.pickup_store.full_address }}
 
    <!-- 受取店舗情報(電話番号)(任意) -->
    {{ order.pickup_store.full_tel }}
 
    <!-- 受取店舗情報(FAX番号)(任意) -->
    {{ order.pickup_store.full_fax }}
 
    <!-- 受取店舗情報(営業時間)(任意) -->
    {{ order.pickup_store.business_hours }}
 
  {% elsif order.smaregi_order? == false %}
 
    <!-- 複数のお届け先がある場合のお届け先情報 -->
    {% if order.multiple_shipping? %}
 
      {% for shipping_address in order.shipping_addresses %}
        <!-- お届け先情報（お名前）(任意) -->
        {{ shipping_address.full_name }}
 
        <!-- お届け先情報（フリガナ）(任意) -->
        {{ shipping_address.full_kana }}
 
        <!-- お届け先情報（郵便番号）(任意) -->
        {{ shipping_address.full_zip }}
 
        <!-- お届け先情報（都道府県）(任意) -->
        {{ shipping_address.prefecture.name }}
 
        <!-- お届け先情報（住所）(任意) -->
        {{ shipping_address.full_address }}
 
        <!-- お届け先情報（電話番号）(任意) -->
        {{ shipping_address.full_tel }}
 
        <!-- お届け先情報（FAX番号）(任意) -->
        {{ shipping_address.full_fax }}
 
      {% endfor %}
 
    {% else %}
      <!-- お届け先情報（お名前）(任意) -->
      {{ order.shipping_address.full_name }}
 
      <!-- お届け先情報（フリガナ）(任意) -->
      {{ order.shipping_address.full_kana }}
 
      <!-- お届け先情報（郵便番号）(任意) -->
      {{ order.shipping_address.full_zip }}
 
      <!-- お届け先情報（都道府県）(任意) -->
      {{ order.shipping_address.prefecture.name }}
 
      <!-- お届け先情報（住所）(任意) -->
      {{ order.shipping_address.full_address }}
 
      <!-- お届け先情報（電話番号）(任意) -->
      {{ order.shipping_address.full_tel }}
 
      <!-- お届け先情報（FAX番号）(任意) -->
      {{ order.shipping_address.full_fax }}
 
    {% endif %}
 
  {% endif %}
 
  <!-- カスタム項目 -->
  {% if base_info.use_free_columns? and base_info.use_order_free_columns_mypage? and liquid_custom_field != empty %}
    <!-- カスタム項目タイトル名 -->
    {{ base_info.order_free_columns_title }}
    {% for custom_field_info in liquid_custom_field %}
      {% for custom_info in custom_field_info[1] %}
        {% assign info = custom_info[1] %}
        <!-- カテゴリ名 -->
        {% if info['category'] %}
          {{ info['category'] | escape }}
        {% endif %}
        {% for i_hash in info['info'] %}
          {% assign i = i_hash[1] %}
          <!-- 項目名 -->
          {{ i['free_columns_label'] | escape }}
          <!-- 入力、選択値 -->
          <!-- テキストエリアの改行を反映させたい場合はstyleに「white-space: pre-wrap;」を当てて下さい -->
          {{ i['free_column_values_value'] | join: ', ' | escape }}
        {% endfor %}
      {% endfor %}
    {% endfor %}
  {% endif %}
  
  <div>
    <!-- 戻るリンク -->
    <a href="/shop/customer/orders">戻る</a>
    <!-- 領収書発行 -->
    {% if receipt_issue_display %}
      <button class="receipt-issue" value="{{ order.number }}">領収書発行</button>
    {% endif %}
  </div>
  <!-- 注文キャンセル -->
  <div>
    {% if cancelable %}
      <a class="order_cancel_on_mypage" data-confirm="本当にキャンセルしますか?" rel="nofollow" data-method="post" href="/shop/customer/orders/{{ order.number }}/cancel">キャンセル</a>
    {% endif %}
  </div>
 
  <!-- 決済エラーの場合に表示する支払い方法変更フォーム -->
  {% if payment_methods_changable_flg %}
    <div id="payment-method-edit-view">
 
      <form action="/shop/customer/orders/{{ order.number }}" accept-charset="UTF-8" method="post">
        <input type="hidden" name="_method" value="put">
 
        <!-- 支払い方法変更 -->
        <label for="order_payment_attributes_payment_method_id">支払方法</label>
        <select name="order[payment_attributes][payment_method_id]" id="order_payment_attributes_payment_method_id">
          {% for payment_method in payment_methods %}
            <option value="{{ payment_method.id }}" {% if order.payment_method.id == payment_method.id %}selected{% endif %}>{{ payment_method.name }}</option>
          {% endfor %}
        </select>
 
        <!-- クレジットカード選択 -->
        <div id="credit-card">
          <label for="order_payment_attributes_source_id">クレジットカード</label>
          <select class="validate[required]" name="order[payment_attributes][source_id]" id="order_payment_attributes_source_id">
            <option value="">--</option>
            {% for card in credit_cards %}
              <option value="{{ card.id }}" {% if selected_credit_card.id == card.id %}selected{% endif %}>{{ card.display_number_with_default }}</option>
            {% endfor %}
          </select>
          <input value="EcForce::CreditCard" type="hidden" name="order[payment_attributes][source_type]" id="order_payment_attributes_source_type">
          {% if base_info.credit_card_editable? %}
            <a href="/shop/customer/cards">クレジット新規登録はこちら</a>
          {% endif %}
        </div>
 
        <!-- 分割回数 -->
        <div class="form-group" style="display: none;">
          <label for="order_payment_attributes_payment_times">分割回数</label>
          <select name="order[payment_attributes][payment_times]" id="order_payment_attributes_payment_times">
            {% for i in (2..24) %}
              <option value="{{ i }}" {% if order.payment.payment_times == i %}selected{% endif %}>{{ i }}</option>
            {% endfor %}
          </select>
        </div>
 
        <!-- 送信リンク -->
        <input type="submit" name="commit" value="保存" data-disable-with="保存中...">
      </form>
    </div>
  {% endif %}
</div>