テーマ仕様書
パスワード保護画面
パスワード保護画面

パスワード保護画面

LP, ショップの公開停止やメンテナンスを行っていることをユーザーに通知する画面です。
パスワード保護設定が有効である場合は、管理画面(/admin)以外にアクセスした場合、このページが必ず表示されます。
パスワード入力画面でパスワードを入力することにより、(入力したユーザーのみ)LP, ショップにアクセスできます。

パスワード保護設定の切り替えは「設定 > 一般設定 > ショップの基本設定 (opens in a new tab)」で実施します。

画面のパス

ドメイン/password

表示確認のポイント

パスワード保護設定が無効のとき、パスワード保護設定有効時の表示は ドメイン/password で確認してください。

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

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

必要なコンポーネント

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

<div>
  <div>
    <div>
      <div>
      <div>
      <!-- 必須:パスワード入力画面へのリンク -->
        {% unless password_authenticated %}
          <a href="/password/new">パスワードを入力してください →</a>
        {% endunless %}
      <!-- 必須ここまで -->
 
      </div>
    </div>
  </div>
  <div>
    <div></div>
    <div>
    <!-- 必須: パスワード保護画面ヘッダ・コンテンツ・フッタ(部分テンプレート) の読み込み -->
      {% include 'ec_force/password/sections/header.html' %}
      {% include 'ec_force/password/sections/content.html' %}
    </div>
    <div></div>
  </div>
</div>

画面イメージ

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