# ヘッダーとフッターメニューの出し分け

**URL:** <https://community.shopify.com/t/topic/362127>\
**Category:** 技術的なQ＆A\
**Tags:** javascript, css, html\
**Created:** [September 28, 2024, 6:32am UTC](https://community.shopify.com/t/topic/362127 "2024-09-28T06:32:21Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Shopifyで日本語版サイトを基に英語版サイトを構築中、ヘッダーとフッターのメニューに掲載するページが日本版と英語版で一部異なるため、それぞれ2つのメニューを作成したが、出し分け方法について質問が投稿された。

**提案された解決方法:**
- 言語設定ではなく、**マーケット設定**を利用した表示の切り替えが可能
- Dawnテーマで動作確認済み
- Shopifyの「設定 > マーケット」から各マーケットを設定すると、カスタマイズ画面上部でマーケット選択が可能になる

**注意点:**
- 言語セレクターからの変更ではなく、マーケットに紐づく形での設定
- 通貨セレクターでユーロやドルを選択した場合も表示が変更される
- 日本(国内)マーケットと英語(海外)マーケットを作成し、それぞれメニューを設定することで、マーケットに応じた表示内容の切り替えが可能

画像による設定手順の説明も含まれている。

<div class="post-metadata">

**Author:** ![thunderstruck09](https://avatars.discourse-cdn.com/v4/letter/t/ad7895/32.png) [@thunderstruck09](https://community.shopify.com/u/thunderstruck09)\
**Post date:** [September 28, 2024, 6:32am UTC](https://community.shopify.com/t/topic/362127/1 "2024-09-28T06:32:21Z")

</div>

現在日本語版のshopifyのサイトを元に英語版のサイトを翻訳アプリを使いながら構築しております。

ヘッダーとフッターのメニューに掲載するページが一部日本版と英語版でそれぞれ違うので、メニューを2つ作成しました。

日本語のサイトと英語版のサイトでヘッダーとフッターのメニューを出し分けすることなどできますでしょうか。

---

<div class="post-metadata">

**Author:** ![nakano\_thesense](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/nakano_thesense/32/42107_2.png) [@nakano\_thesense](https://community.shopify.com/u/nakano_thesense)\
**Post date:** [September 30, 2024, 2:11am UTC](https://community.shopify.com/t/topic/362127/2 "2024-09-30T02:11:04Z")

</div>

質問拝見させていただきました。

言語設定ではなくストアのマーケット設定に基づく形にはなるのですが、以下の方法で販売地域別による表示の変更が可能になりますので、もしユースケースに合う場合はこちら参考にしていただければと思います。

（Dawnというテーマで動作の確認をしております）

利用されているテーマにもよるのですがShopifyの設定 \> マーケットから各種マーケットを設定するとカスタマイズ上部からマーケットの選択が可能になります。

 ![nakano_thesense_2-1727661518652.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/c/fc703e2750786b6431fd663f014f37dec9b39c43.png)

 ![nakano_thesense_3-1727661546191.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/b/6/2/b623dce07d7aae011f6ae874f8e3bbf3fb33b932.png)

こちらを選択した上で、カスタマイズの設定を行うとそちらのマーケットに合わせて表示内容の切り替えが可能になりますので、英語のマーケット（海外）と日本のマーケット（国内）を作成した上でメニューをそれぞれ変更する形で切り替えが可能かなと思います。

一方でこちらの設定はあくまでマーケットに紐づく形になるので、ストア内の言語セレクターから英語を変更した場合ではなく、通貨セレクターでユーロやドルを選択した場合に表示が変更されるという点に留意していただければと思います。

ご参考になれば幸いです。
