特定のページのみヘッダーとフッターを非表示にしたい

日本語 ディスカッション Shopify テーマ

Topic summary

Shopify の Dawn テーマで、特定のページのみヘッダーとフッターを非表示にする方法についての質問と解決策。

基本的な解決方法:

  • theme.liquid ファイル内の {% section 'header' %} と {% section 'footer' %} を条件分岐で囲む
  • トップページ（index）を非表示にする場合: {% if template != 'index' %} を使用
  • 特定のページを非表示にする場合: {% if page.handle != 'ハンドル名' %} を使用

複数ページへの適用:

  • or 演算子を使って複数のページハンドルを指定可能
  • 例: {% if page.handle != 'ハンドル1' or page.handle != 'ハンドル2' %}

高度な方法:

  • 多数のページを処理する場合は、配列化して for ループで処理する方法が便利
  • カンマ区切りでハンドルを定義し、split で配列化して条件判定

注意点:
page.handle は Pages で作成したページにのみ適用される

質問者は提案された解決策で問題を解決できた。

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

「特定のページ」というのは、「ドメイン/pages/ハンドル」といったPagesで作成したページのことでしょうか？

以下のような分岐で非表示にできると思います。

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

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

もしくは

{% unless page.handle == 'ハンドル名' %}
	{% section 'header' %}
{% endunless %}

{% unless page.handle == 'ハンドル名' %}
	{% section 'footer' %}
{% endunless %}