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

Topic summary

ユーザーは、Dawnテーマを使用したShopifyサイトで、特定のコレクションページ(item2023)と関連する4つの商品ページのヘッダーを非表示にしようとしています。

現状の問題点:

  • 過去のQ&Aを参考にtheme.liquidにコードを追加したが、ヘッダーが表示されたまま
  • 現在はCSSで全体のヘッダーを非表示に設定している状態
  • トップページを含む全ページのヘッダーが非表示になっている可能性

技術的背景:

  • HTML/CSSの知識はあるが、Liquidの知識は不足
  • コードの挿入位置が間違っている可能性を認識
  • サイト公開後、Google検索で表示結果にヒットしない問題も発生

求めている支援:

  • 正しいコード実装方法の指導
  • 別件として、検索結果に表示されない問題についても意見を求めている

ディスカッションは未解決で、具体的な解決策の回答待ちの状態です。

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

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

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

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

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

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

{% section 'header' %}
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
{{ content_for_layout}} (←こちらは、消したほうがよいかわからず、そのまま残しています。)
</main>

{%- 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;
}

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