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

Topic summary

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

現状の問題点:

  • 過去のQ&Aを参考にtheme.liquidにコードを追加したが、ヘッダーが表示されたまま
  • コードの挿入場所が間違っている可能性がある
  • 現在はCSSで全体のヘッダーを非表示に設定している

技術的背景:

  • HTML/CSSの知識はあるが、Liquidの知識は不足している
  • 投稿されたコードには文字化けや不完全な部分が含まれている
  • コレクション名は「item2023」、商品IDを使用した条件分岐を試みている

追加の懸念:

  • サイト公開後、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;
}

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