テーマにお客様ログインリンクを追加する

お客様アカウントを使用していて、お客様がログインするためのログインリンクがテーマのヘッダーに表示されない場合は、お客様ログインリンクをテーマに追加することができます。

テーマのログインリンクを確認する

多くのテーマには、デフォルトでログインリンクが含まれています。このチュートリアルを進める前に、テーマでログインリンクがサポートされているかどうかを確認してください。

手順:

  1. 管理画面から、[設定] > [お客様アカウント] に移動します。

  2. [ログインリンクを表示する] のトグルボタンをオンにします。

  3. ログインリンクをオンにしたら、お客様としてオンラインストアにアクセスし、ストアのヘッダーでプロフィールアイコンを探してログインできるか確認します。

  4. プロフィールアイコンが表示されない場合は、手順に従ってテーマにログインリンクを追加します。

テーマにログインリンクを追加する

お客様がストアにログインするためのプロフィールアイコンがオンラインストアのヘッダーに表示されない場合は、テーマにログインリンクを追加することができます。

手順:

  1. 管理画面から、[オンラインストア] > [テーマ] に移動します。

  2. 編集するテーマを見つけて、[…] ボタンをクリックしてアクションメニューを開き、[コードを編集] をクリックします。

  3. [セクション] フォルダーで、header.liquid ファイルを開きます。

  4. 次のコードスニペットを 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 %}