# ヘッダーメニューのカテゴリを条件分岐で表示したい

**URL:** <https://community.shopify.com/t/topic/135659>\
**Category:** サンプルコード集（アプリ・テーマ）\
**Created:** [July 15, 2022, 7:04pm UTC](https://community.shopify.com/t/topic/135659 "2022-07-15T19:04:06Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

顧客タグ（VIPかそれ以外）に応じてヘッダー内のカテゴリ（メニュー）表示を切り替えたいという要件。

既存メニューはlink_listから取得しforループで表示しており、条件分岐の適用方法が不明という課題。

提案された実装案:
- 出し分け用のメニューを別途作成。
- セクション設定にlink_listを追加し、そのメニューを選択。
- Liquidの「{%- for link in section.settings.menu.links -%}」部分を条件分岐で切り替える（複数箇所に同様の修正が必要な可能性）。

技術的背景: Liquid（Shopifyテーマのテンプレート言語）でのメニューループとセクション設定が中心。コード編集が理解の鍵で、該当ループの改修が重要。

最新状況・結果: 質問者は急ぎのためヘッダーを丸ごと複製し、メニューを必要なものに差し替えた上でタグで表示可否を分岐する暫定対応を実施。

次のアクション: 落ち着いたら提案手法で再確認予定。提案は未検証のため、他の方法や追加情報の提供も歓迎。

ステータス: 暫定対応で部分的に解決。最終的な実装は未確定で議論は継続可能。

<div class="post-metadata">

**Author:** ![Anonymous\_e80e9d546112646bfe1e1bc5ff553439](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@Anonymous\_e80e9d546112646bfe1e1bc5ff553439](https://community.shopify.com/u/Anonymous_e80e9d546112646bfe1e1bc5ff553439)\
**Post date:** [July 15, 2022, 7:04pm UTC](https://community.shopify.com/t/topic/135659/1 "2022-07-15T19:04:06Z")

</div>

ヘッダーメニューのカテゴリを顧客タグによって表示する内容を出しわけたいです。

調べてもメニューに関してはlinklistから取得して表示の流れで条件分岐について分からなかったです。

条件としてはvipかそれ以外で中身を変えたいです。

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [July 19, 2022, 5:12am UTC](https://community.shopify.com/t/topic/135659/2 "2022-07-19T05:12:52Z")

</div>

「ヘッダーメニューのカテゴリ」の部分を把握しかねていますが、単に「顧客タグによって表示する内容を出しわけたい」ということであれば、以下のようにして実現可能かなと思います。

1. 出しわけ用のメニューを作成する
2. メニューを設定しているセクションにlink\_listを追加し、出しわけ用メニューを選択する
3. {%- for link in section.settings.menu.links -%}のような部分を改造して、分岐で出しわけ用のメニューを反映できるようにする(※複数箇所存在する可能性あり)

以上ですが、実際に試してはいないので問題がありましたら申し訳ありません。  
他の方法や詳細な情報が必要な場合は、このまま他の方の回答を待たれることをお勧めします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_e80e9d546112646bfe1e1bc5ff553439](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@Anonymous\_e80e9d546112646bfe1e1bc5ff553439](https://community.shopify.com/u/Anonymous_e80e9d546112646bfe1e1bc5ff553439)\
**Post date:** [August 6, 2022, 4:48am UTC](https://community.shopify.com/t/topic/135659/3 "2022-08-06T04:48:20Z")

</div>

返信遅くなり申し訳ございません。

急ぎだったので、ひとまずヘッダーを丸っと複製しメニューは必要なものに変えた上でタグで条件分岐行い表示にて対応しました。

落ち着いたのでご教授いただいた方法で確認してみます。
