注文完了画面

商品購入完了ページです。注文完了すると受注番号が割り当てられます。

ショップのパス

ドメイン/shop/order/complete?order_id=[受注番号]

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

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

JS タグ

{{ 'shop/orders' | javascript_include_tag }}

必要なコンポーネント

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

{{ 'shop/orders' | javascript_include_tag }}
 
<!-- 注文完了コンテナ -->
<div id="perform-view">
 
  <!-- お問い合わせ用メールアドレス -->
  {{ base_info.contact_email }}
 
  <!-- ご注文番号 -->
  {{ order.number }}
 
  <!-- 合計(任意) -->
  {{ order.total | number_to_currency: format: '%n %u' }}
  
  <!-- LINE ID 連携 -->
  {% if line_id_linkable %}
    {{ line_settings['information_context'] }}
    <a class="line-token-set-btn" href="#">LINE ID 連携</a>
  {% endif %}
  
  <!-- カートへ戻るリンク(任意) -->
  <a href="/shop/cart">カートへ戻る</a>
 
</div>

画面イメージ

※こちらは、上記で紹介しているコンポーネントのコードにデフォルトデザインをCSSであてたイメージになります。コンポーネントのコードのみだと、このような表示にはなりませんのでご注意ください。