📁

【Shopify.dev和訳】Themes/Architectu.../customers/reset_password

2021/09/18に公開

Shopify

themes

tech

この記事について

この記事は、Themes/Architecture/Templates/customers/reset_passwordの記事を和訳したものです。

記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

顧客/パスワードを再設定する

customers/reset_passwordテンプレートは、顧客アカウントのパスワードをリセットするためのフォームをホストするパスワードリセットページをレンダリングします。

パスワードリセットフォーム

パスワードリセットフォームは、Liquid フォームタグとそれに付随する'reset_customer_password'パラメータを使用して追加できます。フォームタグブロック内に、次の入力を含める必要があります。

入力	タイプ	名前
パスワード	`password`	`customer[password]`
パスワードの確認	`password`	`customer[password_confirmation]`

例

{% form 'reset_customer_password' %}
  {{ form_errors | default_errors }}

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

  <div class="password_confirm">
    <label for="password_confirmation">Password Confirmation</label>
    <input type="password" name="customer[password_confirmation]">
  </div>

  <div class="submit">
    <input type="submit" value="Activate account">
    <span>or</span>
    <input type="submit" name="decline" value="Decline invitation">
  </div>
{% endform %}

テンプレートをプレビューする

Customers/reset_passwordテンプレートをプレビューするには、次の手順を実行します。

ログインページのパスワード回復フォームに記入します。
「顧客アカウントのパスワードのリセット」メールを確認してください。
メール内のリンクをクリックしてください。これにより、顧客のパスワードリセットページに移動します。

Shopify アプリのご紹介

Discussion

ログインするとコメントできます