FROM CACHE - jp_header

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

解決済
COLA-KUN
Shopify Partner
18 0 2

はじめまして。
現在テーマDawnでECサイトを作成しています。
デザイン面からTOPページのヘッダーとフッターのみ非表示にしたいのですが上手くいきません。
方法が御座いましたらご教示いただけますと幸いです。

1 件の受理された解決策

ベストソリューション
mrtc
Shopify Partner
43 20 26

成功

theme.liquidを開き、{% section 'header' %}と{% section 'footer' %}の部分を以下のようにしてください。

 

{% if template != 'index' %}
	{% section 'header' %}
{% endif %}

{% if template != 'index' %}
	{% section 'footer' %}
{% endif %}

 

トップページは「index.json」テンプレートを使用するので、テンプレートがindex以外は{% section %}を出力するという分岐をそれぞれに適用させます。

また、{% unless == 'index' %}〜{ % endunless %}を使っても同様の処理が可能です。

元の投稿で解決策を見る

4件の返信4
mrtc
Shopify Partner
43 20 26

成功

theme.liquidを開き、{% section 'header' %}と{% section 'footer' %}の部分を以下のようにしてください。

 

{% if template != 'index' %}
	{% section 'header' %}
{% endif %}

{% if template != 'index' %}
	{% section 'footer' %}
{% endif %}

 

トップページは「index.json」テンプレートを使用するので、テンプレートがindex以外は{% section %}を出力するという分岐をそれぞれに適用させます。

また、{% unless == 'index' %}〜{ % endunless %}を使っても同様の処理が可能です。

COLA-KUN
Shopify Partner
18 0 2

ありがとうございます。
完璧にできました!!

tema_hira
新規メンバー
1 0 0

トップページではなく、特定のページのみ、ヘッダー・フッターを非表示にするにはどうすれば良いでしょうか?

mrtc
Shopify Partner
43 20 26

「特定のページ」というのは、「ドメイン/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 %}