# 特定ページのヘッダー、フッターの出しわけ

**URL:** <https://community.shopify.com/t/topic/19986>\
**Category:** 技術的なQ＆A\
**Created:** [September 8, 2020, 2:12am UTC](https://community.shopify.com/t/topic/19986 "2020-09-08T02:12:11Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Liquidで特定ページだけヘッダー／フッターの表示を切り替えたい、できれば共通化したいという質問。

回答では、テーマによる差はあるが、通常は `theme.liquid` にある `section 'header'` / `section 'footer'` の読み込み部分で条件分岐する方法が示された。例として、`request.page_type == 'collection'` のときはヘッダーを表示しない `unless` 条件が提示されている。`request.page_type` はページ種別を判定するための値。

代替案としては以下が挙げられた。
・`header.liquid` や `footer.liquid` 内で分岐する
・`layout` に専用の別レイアウトファイルを作る

一方で、どれがベストプラクティスかは断定されておらず、実装方法は複数あるという位置づけ。最後は質問者が参考にすると返答しており、方向性は示されたが、最適解までは確定していない。

<div class="post-metadata">

**Author:** ![toi4](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/toi4/32/122174_2.png) [@toi4](https://community.shopify.com/u/toi4)\
**Post date:** [September 8, 2020, 2:12am UTC](https://community.shopify.com/t/topic/19986/1 "2020-09-08T02:12:11Z")

</div>

liquidでヘッダー、フッターの出しわけは可能でしょうか？可能であればどのように行うのが良いか教えていただきたいです。できるだけヘッダー、フッターは共通化して、特定のページにおいてはヘッダーは表示させないといった処理を行いたいです。

---

<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:** [September 8, 2020, 1:19pm UTC](https://community.shopify.com/t/topic/19986/2 "2020-09-08T13:19:01Z")

</div>

テーマごとに違いがあると思いますので一概には言えませんが、恐らくtheme.liquidに以下のような記述があると思います。

```markup
{% section 'header' %}

中略

{% section 'footer' %}

```

一例としては、以下のように上記をご希望の条件で分岐させて読み込ませることが考えられます。  
(※コレクションページにはheaderを表示させない前提で記載します。)

```markup
{% unless request.page_type == 'collection' %}
   {% section 'header' %}
{% endunless %}

中略

{% section 'footer' %}

```

他には以下なども考えられます。

- header.liquid や footer.liquid 内に分岐を作る
- layout に新規でtheme.liquid と同種の専用ファイルを作る

いくつか書きましたが私もベストプラクティス的な手法は把握していないのと、他にも実現方法はあると思いますので、そのあたりのことは他の方の書き込みを待たれる方が良いと思います。

[追記]  
当初記載しましたサンプルがご質問の回答とは遠かったので書き直しました。  
修正のたびに余白が広がりまして、それが直せず読み辛くなっており申し訳ありません。

---

<div class="post-metadata">

**Author:** ![toi4](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/toi4/32/122174_2.png) [@toi4](https://community.shopify.com/u/toi4)\
**Post date:** [September 10, 2020, 4:35am UTC](https://community.shopify.com/t/topic/19986/3 "2020-09-10T04:35:05Z")

</div>

ありがとうございます！参考にします！