テーマにお客様ログインリンクを追加する
お客様アカウントを使用していて、お客様がログインするためのログインリンクがテーマのヘッダーに表示されない場合は、お客様ログインリンクをテーマに追加することができます。
このページの内容
テーマのログインリンクを確認する
多くのテーマには、デフォルトでログインリンクが含まれています。このチュートリアルを進める前に、テーマでログインリンクがサポートされているかどうかを確認してください。
手順:
管理画面から、[設定] > [お客様アカウント] に移動します。
[ログインリンクを表示する] のトグルボタンをオンにします。
ログインリンクをオンにしたら、お客様としてオンラインストアにアクセスし、ストアのヘッダーでプロフィールアイコンを探してログインできるか確認します。
プロフィールアイコンが表示されない場合は、手順に従ってテーマにログインリンクを追加します。
テーマにログインリンクを追加する
お客様がストアにログインするためのプロフィールアイコンがオンラインストアのヘッダーに表示されない場合は、テーマにログインリンクを追加することができます。
手順:
管理画面から、[オンラインストア] > [テーマ] に移動します。
編集するテーマを見つけて、[…] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。
[セクション] フォルダーで、
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 %}