password

密码模板渲染密码页面，这个页面在对商店应用密码保护时显示。该页面包括一条商家可编辑的信息，以及供客户访问商店的密码表单。

位置

密码模板位于主题的templates目录中：

└── theme
    ├── layout
    ├── templates
    |   ...
    |   ├── password.json
    |   ...
    ...

内容

您可以在密码模板中或模板内的一个分区中包含以下内容：

密码消息

当商店启用密码保护时，还可以选择包含一条消息。可以使用Liquid shop对象的password_message属性来显示此消息：

{% unless shop.password_message == blank %}
  {{ shop.password_message }}
{% endunless %}

密码表单

密码表单可以使用Liquid表单标签和相应的’storefront_password’参数添加。在表单标签块内，您需要包含一个带有以下属性的<input>：

• type=”password”
• name=”password”

例如：

{% form 'storefront_password' %}
  {{ form.errors | default_errors }}

  <div class="password">
    <label for="password">Password</label>
    <input type="password" name="password">
  </div>

  <div class="submit">
    <input type="submit" value="Sign in">
  </div>
{% endform %}

邮件订阅表单

您可以使用Liquid表单标签和相应的’customer’参数，包含一个电子邮件注册表单，以捕获客户的电子邮件。在表单标签块内，您需要包含以下内容：

Input	类型	name	值
Tags	hidden	contact[tags]	prospect, password page
Email	email	contact[email]

例如

{% form 'customer' %}
  {{ form.errors | default_errors }}

  <div class="tags">
    <input type="hidden" name="contact[tags]">
  </div>

  <div class="email">
    <label for="email">Email</label>
    <input type="email" name="contact[email]">
  </div>

  <div class="submit">
    <input type="submit" value="Sign in">
  </div>
{% endform %}

用法

如果您正在开发商店上工作，无法在商店上显示自定义密码页面。而是显示开发商店特定的密码页面。
尽管可自定义的密码页面不用于控制访问您的开发商店，您仍可以在登录后查看它，或者从Shopify管理后台进行编辑。
要查看可自定义的密码页面，已登录的访问者可以导航至 https://your-store-name.myshopify.com/password，其中your-store-name是开发商店的名称。

原文链接：https://shopify.dev/docs/themes/architecture/templates/password