# 複数のページのヘッダーを非表示にする方法について

**URL:** <https://community.shopify.com/t/topic/197211>\
**Category:** 技術的なQ＆A\
**Created:** [March 6, 2023, 4:39am UTC](https://community.shopify.com/t/topic/197211 "2023-03-06T04:39:36Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

ユーザーが画像主体の縦長LPを作成中で、複数ページのヘッダーを非表示にする方法を質問しています。

**現状:**
- コレクションリストページのヘッダーは既に非表示に成功
- 付随する4種類の商品ページのヘッダーも非表示にしたい
- products全体ではなく、特定の商品ページ単体を対象にしたい

**提案された解決策:**
回答者が条件分岐を使用する方法を提案:
- `{% if product.url != "該当商品のurl" %}` のような条件文で各商品ページを指定
- Shopify Liquid APIドキュメントのproductオブジェクトを参照して、条件に使えるオブジェクトを確認することを推奨

質問は未解決で、具体的な実装方法の詳細待ちの状態です。

<div class="post-metadata">

**Author:** ![kni\_inc](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kni\_inc](https://community.shopify.com/u/kni_inc)\
**Post date:** [March 6, 2023, 4:39am UTC](https://community.shopify.com/t/topic/197211/1 "2023-03-06T04:39:36Z")

</div>

現在、画像主体の縦長LPのページを作成しており、  
コレクションリストのページをLPにして、ヘッダーを非表示にしました。  
もうひとつ、付随する商品ページのヘッダーを非表示にしたいと思っています。  
products全体のヘッダーを非表示にすることはできないため、あくまで4種類の商品ページ単体を、ヘッダー非表示にしたいのですが、どのように複数ページを非表示にすればよいか、教えて頂きたいです。

現在は、下記のコードを入れており、コレクションページのヘッダーは消えています。

下記に、プラスして、商品ページ4つを指定する方法が知りたいと思っています。

```css
{% if collection.handle != 'ハンドル名' %}
      	{% section 'header' %}
    {% endif %}

```

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [March 8, 2023, 8:46am UTC](https://community.shopify.com/t/topic/197211/2 "2023-03-08T08:46:43Z")

</div>

Kni\_inc様

ご質問を確認いたしました。

商品でしたら、{% if product.url != “該当商品のurl” %}などで条件を作成するのはいかがでしょうか？

以下ページで条件に使えるオブジェクトなどを参照できるので、ぜひチェックしてみてくださいませ。

[https://shopify.dev/docs/api/liquid/objects/product](https://shopify.dev/docs/api/liquid/objects/product)

ご参考までに。