Liquid、JavaScriptなどに関する質問
liquidでヘッダー、フッターの出しわけは可能でしょうか?可能であればどのように行うのが良いか教えていただきたいです。できるだけヘッダー、フッターは共通化して、特定のページにおいてはヘッダーは表示させないといった処理を行いたいです。
解決済! ベストソリューションを見る。
成功
テーマごとに違いがあると思いますので一概には言えませんが、恐らくtheme.liquidに以下のような記述があると思います。
{% section 'header' %}
中略
{% section 'footer' %}
一例としては、以下のように上記をご希望の条件で分岐させて読み込ませることが考えられます。
(※コレクションページにはheaderを表示させない前提で記載します。)
{% unless request.page_type == 'collection' %}
{% section 'header' %}
{% endunless %}
中略
{% section 'footer' %}
他には以下なども考えられます。
いくつか書きましたが私もベストプラクティス的な手法は把握していないのと、他にも実現方法はあると思いますので、そのあたりのことは他の方の書き込みを待たれる方が良いと思います。
[追記]
当初記載しましたサンプルがご質問の回答とは遠かったので書き直しました。
修正のたびに余白が広がりまして、それが直せず読み辛くなっており申し訳ありません。
成功
テーマごとに違いがあると思いますので一概には言えませんが、恐らくtheme.liquidに以下のような記述があると思います。
{% section 'header' %}
中略
{% section 'footer' %}
一例としては、以下のように上記をご希望の条件で分岐させて読み込ませることが考えられます。
(※コレクションページにはheaderを表示させない前提で記載します。)
{% unless request.page_type == 'collection' %}
{% section 'header' %}
{% endunless %}
中略
{% section 'footer' %}
他には以下なども考えられます。
いくつか書きましたが私もベストプラクティス的な手法は把握していないのと、他にも実現方法はあると思いますので、そのあたりのことは他の方の書き込みを待たれる方が良いと思います。
[追記]
当初記載しましたサンプルがご質問の回答とは遠かったので書き直しました。
修正のたびに余白が広がりまして、それが直せず読み辛くなっており申し訳ありません。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024