FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください
現在コミュニティを移動しています!7月7日以降、現在のコミュニティは約2週間読み取り専用となります。期間中はコンテンツの閲覧は可能ですが、一時的に新規投稿や返信はできなくなります。詳しくはこちら

特定ページのヘッダー、フッターの出しわけ

解決済

特定ページのヘッダー、フッターの出しわけ

toi4
遊覧客
26 3 6

liquidでヘッダー、フッターの出しわけは可能でしょうか?可能であればどのように行うのが良いか教えていただきたいです。できるだけヘッダー、フッターは共通化して、特定のページにおいてはヘッダーは表示させないといった処理を行いたいです。

1 件の受理された解決策

Jizo_Inagaki
Shopify Partner
1186 425 720

成功

テーマごとに違いがあると思いますので一概には言えませんが、恐らくtheme.liquidに以下のような記述があると思います。

 

{% section 'header' %}

中略

{% section 'footer' %}

 

 

一例としては、以下のように上記をご希望の条件で分岐させて読み込ませることが考えられます。
(※コレクションページにはheaderを表示させない前提で記載します。)

 

 

{% unless request.page_type == 'collection' %}
   {% section 'header' %}
{% endunless %}

中略

{% section 'footer' %}

 

 

他には以下なども考えられます。

  • header.liquid や footer.liquid 内に分岐を作る
  • layout に新規でtheme.liquid と同種の専用ファイルを作る

 

いくつか書きましたが私もベストプラクティス的な手法は把握していないのと、他にも実現方法はあると思いますので、そのあたりのことは他の方の書き込みを待たれる方が良いと思います。

 

[追記]
当初記載しましたサンプルがご質問の回答とは遠かったので書き直しました。
修正のたびに余白が広がりまして、それが直せず読み辛くなっており申し訳ありません。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2

Jizo_Inagaki
Shopify Partner
1186 425 720

成功

テーマごとに違いがあると思いますので一概には言えませんが、恐らくtheme.liquidに以下のような記述があると思います。

 

{% section 'header' %}

中略

{% section 'footer' %}

 

 

一例としては、以下のように上記をご希望の条件で分岐させて読み込ませることが考えられます。
(※コレクションページにはheaderを表示させない前提で記載します。)

 

 

{% unless request.page_type == 'collection' %}
   {% section 'header' %}
{% endunless %}

中略

{% section 'footer' %}

 

 

他には以下なども考えられます。

  • header.liquid や footer.liquid 内に分岐を作る
  • layout に新規でtheme.liquid と同種の専用ファイルを作る

 

いくつか書きましたが私もベストプラクティス的な手法は把握していないのと、他にも実現方法はあると思いますので、そのあたりのことは他の方の書き込みを待たれる方が良いと思います。

 

[追記]
当初記載しましたサンプルがご質問の回答とは遠かったので書き直しました。
修正のたびに余白が広がりまして、それが直せず読み辛くなっており申し訳ありません。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
toi4
遊覧客
26 3 6

ありがとうございます!参考にします!