認証メール再送信完了画面

マイページ等からの認証メール再送信操作が完了したときに表示される画面です。
再送信の成否を通知し、認証が未完了の場合は引き続き認証を促します。

data-to 属性について

コンテナの data-to="{{ to }}" には再送信完了後の遷移先パスが設定されます。
この値は画面を呼び出す際のパラメータによってシステムが設定します。

ショップのパス

ドメイン/shop/customers/resend_verification_email_complete

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

ec_force/shop/customers/resend_verification_email_completes/show.html.liquid
ec_force/shop/customers/resend_verification_email_completes/show.html+smartphone.liquid

JS タグ

{{ 'shop/base' | javascript_include_tag }}

必要なコンポーネント

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

{{ 'shop/base' | javascript_include_tag }}
 
<!-- 認証メール再送信完了コンテナ -->
<div id="customers-resend-verification-email-complete-view" data-to="{{ to }}">
  認証メール再送信完了
 
  {% if sent %}
    メールアドレス認証メールを再送信しました。
    メール記載の案内に従って、メールアドレス認証をしてください。
  {% endif %}
 
  メールアドレス認証が未完了の場合、当サイトの一部機能がご利用いただけません。必ず認証を済ませ、本登録をお願いいたします。
  また、メールが届かない場合は、念のためご自身の受信設定、迷惑メールフォルダをご確認ください。メールの再送信もお試しください。
 
  <!-- 再送信結果表示 -->
  <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>

画面イメージ

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