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

日本語 ディスカッション 技術的なQ＆A

Topic summary

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

現状:

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

提案された解決策:
回答者が条件分岐を使用する方法を提案:

  • {% if product.url != "該当商品のurl" %} のような条件文で各商品ページを指定
  • Shopify Liquid APIドキュメントのproductオブジェクトを参照して、条件に使えるオブジェクトを確認することを推奨

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

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

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

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

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

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

よろしくお願いします。

2

Kni_inc様

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

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

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

https://shopify.dev/docs/api/liquid/objects/product

ご参考までに。