パスワード入力画面

パスワードを入力するための画面です。
パスワード保護画面内より遷移できます。
パスワード入力画面で正しいパスワードを入力したユーザーは、LP・ショップへアクセスできます。

画面のパス

ドメイン/password

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

ec_force/password/new.html.liquid
ec_force/password/new.html+smartphone.liquid

必要なコンポーネント

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

<!-- 必須 -->
{{ 'notice' | flash: 'alert alert-success', 'text' }}
{{ 'alert' | flash: 'alert alert-danger', 'text' }}
{{ 'error' | flash: 'alert alert-danger', 'text' }}
 
<div>
  <div>
    <div></div>
    <div>
      <a href="/password">×</a>
    </div>
  </div>
  <div>
    <div></div>
    <div>
      <!-- form タグ必須 -->
      <form action="/password" accept-charset="UTF-8" method="post">
 
        <h3>
          ショップのパスワードを入力してください
        </h3>
        <div>
          <div>
            <div></div>
            <div>
              <div>
                <div>
                  <!-- 必須：input タグ -->
                  <input class="validate[required]" id="string" name="password" placeholder="あなたのパスワード" type="password">
 
                </div>
                <div>
 
                  <!-- 必須：input タグ -->
                  <input class="submit" type="submit" value="入力する">
 
                </div>
              </div>
            </div>
            <div></div>
          </div>
        </div>
      </form>
 
    </div>
    <div></div>
  </div>
</div>

画面イメージ

※必須項目の記述のみのコードではこのような表示にはなりませんのでご注意ください。