テーマ仕様書
shop
購入画面
サンクスオファー確認

サンクスオファー確認画面

サンクスオファー(サンクスクロスセル)確認画面のページです。
サンクスオファーとは商品購入後にクロスセル商品の購入を促す機能です。
本機能を利用するためには別途設定が必要です。設定についての詳細はFAQ(ショップページのサンクスオファー設定方法 (opens in a new tab))をご確認ください。

ショップのパス

ドメイン/shop/order/cv_confirm

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

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

JS タグ

{{ 'shop/orders' | javascript_include_tag }}

必要なコンポーネント

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

{{ 'shop/orders' | javascript_include_tag }}
 
<!-- 注文情報確認画面 -->
<div id="confirm-view">
 
  <!-- 決済モジュールを呼び出すのに必要なタグ -->
  <div id="ModuleJs"></div>
 
  <!-- 注意喚起文(画面上部) -->
  {% for order_item in order.order_items %}
    {% unless order_item.variant.product.caution02 == blank %}
      {{ order_item.variant.product.caution02 }}
    {% endunless %}
  {% endfor %}
 
  <!-- 注文商品情報 -->
 
    <!-- 注文商品一覧 -->
    {% 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.subtotal_price | number_to_currency: format: '%n %u' }}
 
    {% endfor %}
 
    <!-- 注文小計 -->
    {{ order.subtotal | number_to_currency: format: '%n %u' }}
 
    <!-- 8%対象小計 -->
    {% if order.subtotal8 != 0 %}
      {{ order.subtotal8 | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- 10%対象小計 -->
    {% if order.subtotal10 != 0 %}
      {{ order.subtotal10 | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- 割引 -->
    {% if order.discount_not_with_point != 0 %}
      - {{ order.discount_not_with_point | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- 8%対象割引 -->
    {% if order.discount8 != 0 %}
      - {{ order.discount8 | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- 10%対象割引 -->
    {% if order.discount10 != 0 %}
      - {{ order.discount10 | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- ポイント利用(任意) -->
    {% if order.discount_point_amount != 0 and order.use_point_include_tax? == false %}
      - {{ order.discount_point_amount | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- ラッピング代 -->
    {% if shop_form_settings['wrapping'] %}
      {{ order.misc_fee | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- 送料 -->
    {{ order.deliv_fee | number_to_currency: format: '%n %u' }}
 
    <!-- 手数料 -->
    {{ order.charge | number_to_currency: format: '%n %u' }}
 
    <!-- 消費税 -->
    {{ order.tax | number_to_currency: format: '%n %u' }}
 
    <!-- 8%対象消費税 -->
    {% if order.tax8 != 0 %}
      {{ order.tax8 | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- 10%対象消費税 -->
    {% if order.tax10 != 0 %}
      {{ order.tax10 | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- ポイント利用(任意) -->
    {% if order.discount_point_amount != 0 and order.use_point_include_tax? == true %}
      - {{ order.discount_point_amount | number_to_currency: format: '%n %u' }}
    {% endif %}
 
    <!-- 合計 -->
    {{ order.total | number_to_currency: format: '%n %u' }}
 
    <!-- 付与予定ポイント(任意) -->
    {% if base_info.use_point? and customer_signed_in %}
      {% if order.grant_plan_campaign_point == 0 %}
        {{ order.grant_plan_point }}
      {% else %}
        {{ order.grant_plan_point }}
        {{ order.grant_plan_general_point }}
        {{ order.grant_plan_campaign_point }}
      {% endif %}
    {% endif %}
 
    <!-- 注意喚起文 -->
    {% for order_item in order.order_items %}
      {% unless order_item.variant.product.caution == blank %}
        {{ order_item.variant.product.caution }}
      {% endunless %}
    {% 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 %}
 
 
  <!-- お客様情報 -->
 
    <!-- お名前 -->
    {{ order.billing_address.full_name }}
 
    <!-- フリガナ -->
    {{ order.billing_address.full_kana }}
 
    <!-- 住所 -->
    {{ order.billing_address.full_address }}
 
    <!-- 電話番号 -->
    {{ order.billing_address.full_tel }}
 
    <!-- メールアドレス -->
    {% if shop_form_settings['email'] %}
      {{ order.email }}
    {% endif %}
 
    <!-- ショップからのお知らせ -->
    {% if order.customer.optin %}受け取る{% else %}受け取らない{% endif %}
 
 
  <!-- お届け先情報 -->
 
    <!-- お名前 -->
    {{ order.shipping_address.full_name }}
 
    <!-- フリガナ -->
    {{ order.shipping_address.full_kana }}
 
    <!-- 住所 -->
    {{ order.shipping_address.full_address }}
 
    <!-- 電話番号 -->
    {{ order.shipping_address.full_tel}}
 
 
  <!-- ラッピング -->
  {% if shop_form_settings['wrapping'] %}
    {% if order.wrapping %}
 
      <!-- ラッピング名 -->
      {{ order.wrapping.name }}
 
      <!-- ラッピング画像 -->
      <img src="{{ order.wrapping.thumbnail.url.medium }}">
 
    {% else %}
      無し
    {% endif %}
 
  {% endif %}
 
 
  <!-- 配送業者名 -->
  {{ order.shipping_carrier.name }}
 
 
  <!-- お支払い情報 -->
 
    <!-- 支払い方法名 -->
    {{ order.payment.payment_method.name }}
 
    <!-- クレジットカード一括 -->
    {% if order.payment.payment_method.one_time_payment? %}
 
      <!-- カード番号(有効期限) -->
      {{ order.payment.source.display_number }}
 
      <!-- カード名義 -->
      {{ order.payment.source.name }}
 
    <!-- クレジットカード分割 -->
    {% elsif order.payment.payment_method.installment_payment? %}
 
      <!-- お支払い回数 -->
      {{ order.payment.payment_times }} 回
 
      <!-- カード番号(有効期限) -->
      {{ order.payment.source.display_number }}
 
      <!-- カード名義 -->
      {{ order.payment.source.name }}
 
    <!-- クレジットカードリボ -->
    {% elsif order.payment.payment_method.revolving_payment? %}
 
      <!-- カード番号(有効期限) -->
      {{ order.payment.source.display_number }}
 
      <!-- カード名義 -->
      {{ order.payment.source.name }}
 
    {% endif %}
 
 
  <!-- お届けサイクル -->
  {% if order.subs_order %}
    {% assign show_scheduled_delivery_dates = subs_order_settings["show_scheduled_delivery_dates?"] %}
  {% else %}
    {% assign show_scheduled_delivery_dates = order_settings["show_scheduled_delivery_dates?"] %}
  {% endif %}
 
  {% if show_scheduled_delivery_dates %}
 
    {% if enabled_pre_order and order.pre_order_variants? %}
      <!-- お届け予定時期 -->
      {{ order.find_last_scheduled_pre_order.pre_ordered_delivery_description }}
      {% if order.scheduled_delivery_time != empty %}
        ({{ order.scheduled_delivery_time }})
      {% endif %}
    {% else %}
      <!-- 1回目お届け日 -->
      {% if order.scheduled_to_be_delivered_at %}
        {{ order.scheduled_to_be_delivered_at | date: '%Y-%m-%d' }}
      {% else %}
        指定なし
      {% endif %}
 
      <!-- 1回目お届け時間 -->
      {% if order.scheduled_delivery_time != empty %}
        {{ order.scheduled_delivery_time }}
      {% endif %}
 
      <!-- 2回目お届け日 -->
      {% if order.subs_order.scheduled_to_be_delivered_at %}
        {{ order.subs_order.scheduled_to_be_delivered_at | date: '%Y-%m-%d' }}
      {% else %}
        --
      {% endif %}
    {% endif %}
 
  {% endif %}
 
  <!-- 通信欄 -->
  {% if shop_form_settings['remark'] %}
    {{ order.remark }}
  {% endif %}
 
  <!-- カスタム項目 -->
  {% if base_info.use_free_columns? and shop_form_settings['free_column'] and liquid_custom_field != empty %}
    {% assign setting = shop_form_settings['free_column_title'] %}
    <!-- カスタム項目タイトル名 -->
    {{ setting }}
    {% for custom_field_info_hash in liquid_custom_field %}
      {% for seq_hash in custom_field_info_hash[1] %}
        {% assign info = seq_hash[1] %}
        <!-- カテゴリ名 -->
        {% if info['category'] %}
          {{ info['category'] | escape }}
        {% endif %}
        {% for i_hash in info['info'] %}
          {% assign i = i_hash[1] %}
          <div>
            <!-- 項目名 -->
            {{ i['label'] | escape }}
            <!-- 入力、選択値 -->
            {% for v in i['value'] %}
              {{ v | escape }}
            {% endfor %}
          </div>
        {% endfor %}
      {% endfor %}
    {% endfor %}
  {% endif %}
 
  <!-- 注文リンク -->
  <form action='/shop/order/cv_confirm' method='post' accept-charset="UTF-8">
    <input name="_method" type="hidden" value="put">
    {% unless order.cv_upsell_page_timed_out? %}
      {% if shop_form_settings['shop_cv_upsell_countdown'] %}
        <div id="countdown-timer">
          受付終了まで あと
          <div class="timer hour"></div>
          <span class="hour">時間</span>
          <div class="timer minute"></div>
          <span class="minute">分</span>
          <div class="timer second"></div>
          <span class="second">秒</span>
        </div>
      {% endif %}
      {% for item in order.order_items %}
        {% if item.product_bundled_item_id == nil %}
          <input id="cv_upsell_variant_id" name="order[order_items_attributes][][variant_id]" type="hidden" value="{{ item.variant.id }}">
          <input name="order[order_items_attributes][][quantity]" type="hidden" value="{{ item.quantity }}">
          <input name="order[order_items_attributes][][price]" type="hidden" value="{{ item.price }}">
        {% endif %}
      {% endfor %}
 
      <input id="payment_method_id" name="order[payment_attributes][payment_method_id]" type="hidden" value="{{ order.payment.payment_method_id }}">
      <input id="payment_times" name="order[payment_attributes][payment_times]" type="hidden" value="{{ order.payment.payment_times }}">
      <input id="shipping_carrier_id" name="order[shipping_carrier_id]" type="hidden" value="{{ order.shipping_carrier_id }}">
      <input id="payment_schedule" name="order[subs_order_attributes][payment_schedule]" type="hidden" value="{{ order.subs_order.payment_schedule }}">
      <input id="payment_schedule_locked" name="order[subs_order_attributes][payment_schedule_locked]" type="hidden" value="{{ order.subs_order.payment_schedule_locked }}">
 
      <input id="scheduled_to_be_delivered_every_x_month" name="order[subs_order_attributes][scheduled_to_be_delivered_every_x_month]" type="hidden" value="{{ order.subs_order.scheduled_to_be_delivered_every_x_month }}">
      <input id="scheduled_to_be_delivered_on_xth_day" name="order[subs_order_attributes][scheduled_to_be_delivered_on_xth_day]" type="hidden" value="{{ order.subs_order.scheduled_to_be_delivered_on_xth_day }}">
      <input id="scheduled_to_be_delivered_every_x_day" name="order[subs_order_attributes][scheduled_to_be_delivered_every_x_day]" type="hidden" value="{{ order.subs_order.scheduled_to_be_delivered_every_x_day }}">
      <input id="scheduled_to_be_delivered_on_xth_day_of_week" name="order[subs_order_attributes][scheduled_to_be_delivered_on_xth_day_of_week]" type="hidden" value="{{ order.subs_order.scheduled_to_be_delivered_on_xth_day_of_week }}">
      <input id="scheduled_to_be_delivered_every_x_day_of_week" name="order[subs_order_attributes][scheduled_to_be_delivered_every_x_day_of_week]" type="hidden" value="{{ order.subs_order.scheduled_to_be_delivered_every_x_day_of_week }}">
      <input id="scheduled_2nd_delivery_date" name="order[subs_order_attributes][scheduled_to_be_delivered_at]" type="hidden" value="{{ order.subs_order.scheduled_to_be_delivered_at }}">
      <input id="scheduled_2nd_delivery_time" name="order[subs_order_attributes][scheduled_delivery_time]" type="hidden" value="{{ order.subs_order.scheduled_delivery_time }}">
      <input id="scheduled_1st_delivery_date" name="order[scheduled_to_be_delivered_at]" type="hidden" value="{{ order.scheduled_to_be_delivered_at }}">
      <input id="scheduled_1st_delivery_time" name="order[scheduled_delivery_time]" type="hidden" value="{{ order.scheduled_delivery_time }}">
      <input id="offer_name" name="order[offer_name]" type="hidden" value="{{ order.offer_name }}">
      <input id="current_order_point_key" name="current_order_point_key" type="hidden" value="{{ preview_grant_plan_point_key }}">
    {% endunless %}
    <div id="expired_cv_confirm" style="display: none;">
      有効期限を経過しました。
        
      受付を終了させていただきます。
    </div>
 
    <div class='btn-area'>
      <button type='submit'>ご注文完了へ</button>
    </div>
  </form>
 
</div>