テーマ仕様書
shop
会員登録・ログイン
仮会員登録
仮会員登録完了画面

仮会員登録完了画面

仮会員登録の送信が成功したあとに表示される完了画面です。
次のいずれかの画面から登録したあとに表示されます。

仮登録完了メールを送信した旨を伝え、メールアドレス認証(本会員化)を促します。

ログイン状態とメール認証状況に応じて以下を表示します。

  • 仮会員ログイン中: 認証メール再送信ボタン・再送信結果表示エリア
  • 未ログイン: 認証メールを再送信したい場合はログインするよう案内

再送信ビューのコンテナ ID について

再送信ビューは id="customers-resend-verification-email-complete-view" を持ちます。
このコンテナ ID は認証メール再送信完了画面と共通です。JS が同じコンテナ ID を参照して再送信処理を制御します。

ショップのパス

ドメイン/shop/customers/temporary_registration/complete

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

ec_force/shop/customers/temporary_registrations/complete.html.liquid
ec_force/shop/customers/temporary_registrations/complete.html+smartphone.liquid

JS タグ

{{ 'shop/base' | javascript_include_tag }}

必要なコンポーネント

※コメントアウトで任意とあるもの以外はシステム上必要なコンポーネントとなります。

<!-- 仮会員登録完了コンテナ -->
<div id="customers-temporary-registrations-complete-view">
  仮会員登録完了
 
  仮登録完了メールを送信しました。メール記載の案内に従って、メールアドレス認証をしてください。
 
  {% if customer_signed_in and current_customer.state == 'temporary_member' %}
    <!-- 再送信ビュー(仮会員ログイン中のみ表示) -->
    <div id="customers-resend-verification-email-complete-view" data-to="{{ to }}">
      メールアドレス認証が未完了の場合、当サイトの一部機能がご利用いただけません。必ず認証を済ませ、本登録をお願いいたします。
      また、メールが届かない場合は、念のためご自身の受信設定、迷惑メールフォルダをご確認ください。メールの再送信もお試しください。
 
      <!-- 再送信結果表示 -->
      <div class="js-resend-success" style="display:none"></div>
      <div class="js-resend-error" style="display:none"></div>
 
      <!-- 再送信ボタン -->
      <a href="#" class="js-resend-verification-email-btn">メールを再送信</a>
    </div>
  {% elsif customer_signed_in == false %}
    <!-- 未ログイン時:マイページへの誘導 -->
    メールアドレス認証が未完了の場合、当サイトの一部機能がご利用いただけません。必ず認証を済ませ、本登録をお願いいたします。
    また、メールが届かない場合は、念のためご自身の受信設定、迷惑メールフォルダをご確認ください。メールの再送信もお試しください。
    認証メールを再送信したい場合はマイページにログインしてください。
  {% endif %}
</div>
 
{{ 'shop/base' | javascript_include_tag }}

画面イメージ

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