# 特定のページ（コレクションページ）と、商品ページのヘッダーを非表示にしたい。

**URL:** <https://community.shopify.com/t/topic/191381>\
**Category:** Removedcontent Jp\
**Created:** [February 13, 2023, 3:16am UTC](https://community.shopify.com/t/topic/191381 "2023-02-13T03:16:47Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

ユーザーはShopifyのDawnテーマで、特定のコレクションページ（item2023）と4つの商品ページのヘッダーを非表示にしようとしています。

**現状の問題点：**
- 過去のQ&Aを参考にtheme.liquidにコードを追加したが、ヘッダーが表示されたまま
- コードの配置場所が間違っている可能性を懸念
- 現在はCSSで全体のヘッダーを非表示に設定しているため、トップページを含む全ページでヘッダーが非表示になっている

**技術的背景：**
- HTML/CSSの知識はあるが、Liquidの知識は不足
- サイト公開後、Google検索で表示結果にヒットしない（ヘッダー非表示との関連性は不明）

**求めている支援：**
- 特定ページのみヘッダーを非表示にする正しい実装方法
- 検索結果に表示されない問題についての意見

コードには商品IDやコレクションハンドルを条件分岐する記述が含まれていますが、正しく機能していない状態です。

<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:** [February 13, 2023, 3:16am UTC](https://community.shopify.com/t/topic/191381/1 "2023-02-13T03:16:47Z")

</div>

コレクションページと、該当の商品ページ（４つ）のヘッダー部分を非表示にしたいと思っています。

テーマはDawnを使用しています。

過去のQ&Aページを拝見して、コードをthema.liquidに反映してみたのですが、ヘッダーは表示されたままになってしまい、うまくいきませんでした。

（コードを入れる場所が間違っているのかもしれません。）

↓参考までに、下記がthema.liquidに入力したコードになります。

{% section ‘header’ %}

{{ content\_for\_layout}} （←こちらは、消したほうがよいかわからず、そのまま残しています。）

{%- assign hasHeader = true -%}  
{%- if collection.handle == ‘item2023’ -%}  
{%- assign hasHeader = false -%}  
{%- endif -%}  
{%- if template.name == ‘product’ -%}  
{%- if product.id == 対象の商品ID or product.id == 対象の商品ID or product.id == 対象の商品ID or product.id == 対象の商品ID -%}  
{%- assign hasHeader = false -%}  
{%- endif -%}

item2023がコレクションの名前になります。

当方、html・cssの知識はありますが、liquidの知識はありません。

もし分かる方がいらっしゃれば、教えて頂きたいです。

また、別件でこちらについても、もし分かればご意見伺いたいのですが、

shopifyのサイトを公開後に、google検索しても、表示結果にヒットしない理由がわかりません。

現在、トップページを含めて、全体のテーマでヘッダー部分を非表示にしていることが関係しているでしょうか？

ちなみに、現在は下記のcssで、全体のヘッダーを非表示に設定してます。

.header {  
display:none;  
}

どうぞ、よろしくお願いします。