テーマにお客様ログインリンクを追加する
お客様アカウントを使用していて、お客様がログインするためのログインリンクがテーマのヘッダーに表示されていない場合は、テーマにお客様ログインリンクを追加できます。テーマコードを編集する前に、テーマのカスタマイズに関する考慮事項を確認してください。
テーマのログインリンクを確認する
多くのテーマには、デフォルトでログインリンクが含まれています。このチュートリアルを実行する前に、ログインリンクがテーマでサポートされているか確認してください。
手順
管理画面から [設定] > [お客様アカウント] の順に移動します。
[ログインリンクを表示] トグルボタンをオンにします。
ログインリンクをオンにした後、お客様としてオンラインストアにアクセスし、ストアのヘッダーにログイン用のプロフィールアイコンがあるか確認します。
プロフィールアイコンが表示されない場合は、手順に従ってログインリンクをテーマに追加してください。
テーマにログインリンクを追加する
オンラインストアのヘッダーに、お客様がストアにログインするために使用できるプロフィールアイコンが表示されない場合は、テーマにログインリンクを追加できます。
手順
- 管理画面から [オンラインストア] > [テーマ] に移動します。
- 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
- [セクション] フォルダで、
header.liquidファイルを開きます。 - 以下のコードスニペットを
header.liquidファイルに追加してから [保存] をクリックします。- ログインしたお客様をお客様アカウントに誘導する場合、以下のコードを使用します。
{% if customer %}
<a href="{{ routes.account_url }}">Account</a>
{% else %}
<a href="{{ routes.account_login_url }}">Login</a>
{% endif %}- ログインしたお客様をオンラインストアに戻す場合、以下のコードを使用します。
{% if customer %}
<a href="{{ routes.account_url }}">Account</a>
{% else %}
<a href="{{ routes.storefront_login_url }}">Login</a>
{% endif %}