テーマ仕様書
shop
購入画面
注文完了情報★

注文完了情報(部分テンプレート)

サンクスオファー画面で利用する注文完了情報用の部分テンプレートです。
サンクスオファー画面で include して利用します。(サンクスオファー画面以外では利用できません)

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

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

必要なコンポーネント

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

<div id="perform-view">
  <!-- 注文完了メッセージ(任意 )-->
  ご注文完了画面
  {% if order.error_messages != empty %}
    {% for full_message in order.error_messages %}
      {{ full_message }}
    {% endfor %}
    上記のエラーが発生したため、{{ order.product_names | join: ', ' }}でご注文を承ります。
  {% else %}
    ご注文ありがとうございました
  {% endif %}
  ご登録いただいたメールアドレス宛に、後ほど注文メールをお送りいたします。
  ご注文内容にお間違いがないかご確認ください。
  ※ 注文処理状況によりメールの送信が遅れる場合がございます。
  ※ 万が一、メールが届かない場合、迷惑メールフォルダに振り分けられている可能性があります。
  迷惑メールフォルダ等をご確認ください。
  ご不明点がありましたら、以下のメールアドレスまでお問い合わせください。
  Mail: {{ base_info.contact_email }}
  注文完了情報
  ご注文番号
  {{ order.number }}
  {% if line_id_linkable and order.complete? %}
    {{ line_settings['information_context'] }}
    <a class="line-token-set-btn" href="#">LINE ID 連携</a>
  {% endif %}
  <!-- カウントダウンタイマー -->
  {% if request_path != complete_shop_order_path && order.cv_upsell? and order.completed? != true and 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 %}
</div>