テーマ仕様書
shop
会員登録・ログイン
メールアドレス認証
メールアドレス認証失敗画面

メールアドレス認証失敗画面

仮会員がメール内の認証リンクをクリックしたが、トークンの期限切れや不一致等で認証が失敗した場合に表示される画面です。
認証メールの再送信フォームを設置し、会員に再試行を促します。

エラーメッセージについて

alert フラッシュにシステムからエラー内容が設定されていればそれを表示し、なければデフォルトのエラーメッセージを表示します。

ショップのパス

メール内の認証リンク経由でアクセスされる画面です(直接 URL でのアクセスは想定されません)。

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

ec_force/shop/customers/temporary_token_verify/failure.html.liquid
ec_force/shop/customers/temporary_token_verify/failure.html+smartphone.liquid

必要なコンポーネント

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

<!-- メールアドレス認証失敗コンテナ -->
<div id="customers-temporary-token-verify-failure-view">
  メールアドレス認証失敗
 
  <!-- エラーメッセージ(システムからのものがあれば優先表示) -->
  {% assign alert_html = 'alert' | flash: 'alert alert-danger', 'text' %}
  {% if alert_html != blank %}
    {{ alert_html }}
  {% else %}
    メールアドレスの認証ができませんでした。
  {% endif %}
 
  メールアドレス認証が未完了の場合、当サイトの一部機能がご利用いただけません。必ず認証を済ませ、本登録をお願いいたします。
  また、メールが届かない場合は、念のためご自身の受信設定、迷惑メールフォルダをご確認ください。メールの再送信もお試しください。
 
  <!-- メール再送信フォーム -->
  <form action="/shop/customers/resend_verification_email" method="post">
    <button type="submit">メールを再送信</button>
  </form>
</div>

画面イメージ

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