ユーザーがログイン前後でヘッダーのログインアイコンとテキストを切り替える方法についての質問と解決。
質問内容：
解決方法（Qcoltd提供）：
アイコンの切り替え：
icon-account.liquidに{%- if customer -%}コードを追加テキストの切り替え（ドロップダウンメニュー想定）：
header-dropdown-menu.liquidに条件分岐コードを追加し、メニューハンドルを指定結果：
質問者は手順通りに実装し、無事に機能することを確認。問題解決済み。
現在ヘッダー内にログインアイコン（SVG）とログインテキストを表示させているのですが、ユーザーがログインした後はマイページへ遷移出来るアイコン、テキストに表示を切り替えたいです。
※使用テーマ：Refresh
①ログインアイコン
現状のログインアイコンは、「icon-account.liquid」にSVGで指定して、表示しています。
②ログインテキスト
「メニュー」内にヘッダー表示用の新規メニューを追加し、その中に「ログイン」のテキストが表示されるように設定しています。遷移先はアカウントページへ設定しています。
何か適切な方法をご存じの方がいましたら、ご教授いただきたいです。
何卒宜しくお願い致します。
@NB7 様
ご質問いただたいている、ログイン時にメニューとアイコンを変更したい件ですが、それぞれテーマファイルを調整することで調整は可能です。
ご利用のテーマはRefreshとのことですが、ご利用バージョンが不明なため、最新版の11.0.0を元にご説明させていただきます。
①ログインアイコンの変更方法
icon-account.liquidを開き、下記コードを追加しsvgアイコンを挟んでください。
{%- if customer -%}
{%- comment -%}ログイン時に表示{%- endcomment -%}
ここにログイン時のSVGのアイコンを追加してください。
{%- else -%}
{%- comment -%}未ログインに表示{%- endcomment -%}
ここに未ログインのSVGのアイコンを追加してください。
{%- endif -%}
②ログインテキストの変更方法
前提条件として、ドロップダウン形式のメニューを利用している想定で記載します。
１.ログインテキストは、オンラインストア > メニューにてログイン時のメニューと未ログイン時のメニューを作成してください。
２.各メニューを開き、ハンドルの値をコピーしてください。
３.header-dropdown-menu.liquidを開きます。
４.header-dropdown-menu.liquidの下記コードを
下記コードへ変更し保存してください。
```markup
{%- if customer -%}
{% assign Menu = linklists.aaaaa.links %}
{%- else -%}
{% assign Menu = linklists.bbbbb.links %}
{%- endif -%}
**aaaaa**はログイン時用メニューのハンドルに変更してください。
**bbbbb**は未ログイン時用メニューのハンドルに変更してください。
ご参考まで
(キュー小坂)