📁

【Shopify.dev和訳】Themes/Architec.../customers/activate_account

2021/09/17に公開

Shopify

themes

tech

この記事について

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

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

Shopify アプリのご紹介

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

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

顧客/ activate_account

customers/activate_accountテンプレートは、顧客アカウントをアクティブ化するためのフォームをホストする顧客アカウントアクティブ化ページをレンダリングします。

顧客アカウントアクティベーションフォーム

顧客アカウントアクティベーションフォームは、Liquidフォームタグとそれに付随するactivate_customer_passwordパラメーターを使用して追加できます。フォームタグブロック内に、次の入力を含める必要があります。

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

例

{% form 'activate_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 / activate_accountテンプレートをプレビューするには、次の手順を実行します。
拡張機能オプション

Shopify 管理者から、自分のメールアドレスを使用して顧客ページに偽の顧客を追加します。
新しく作成した顧客のページの右上にある・・・ボタンをクリックし、アカウントの招待を送信をクリックします。
メールの受信トレイで、カスタマーアカウントの招待メールを確認してください。
メール内のリンクをクリックしてください。これにより、顧客アカウントのアクティブ化ページに移動します。

Shopify アプリのご紹介

Discussion

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