仮会員登録完了画面
仮会員登録の送信が成功したあとに表示される完了画面です。
次のいずれかの画面から登録したあとに表示されます。
- 仮会員登録画面から登録した場合。カート画面の未ログイン時に「会員登録して購入手続きへ進む」を選ぶと、その画面へ遷移します。
- 会員登録画面または会員ログイン/会員登録画面の会員登録フォームから登録した場合。
仮登録完了メールを送信した旨を伝え、メールアドレス認証(本会員化)を促します。
ログイン状態とメール認証状況に応じて以下を表示します。
- 仮会員ログイン中: 認証メール再送信ボタン・再送信結果表示エリア
- 未ログイン: 認証メールを再送信したい場合はログインするよう案内
再送信ビューのコンテナ 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であてたイメージになります。コンポーネントのコードのみだと、このような表示にはなりませんのでご注意ください。
