サンクスオファー確認画面
サンクスオファー(サンクスクロスセル)確認画面のページです。
サンクスオファーとは商品購入後にクロスセル商品の購入を促す機能です。
本機能を利用するためには別途設定が必要です。設定についての詳細は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>