h1タグの条件分岐の方法をしえてください。

お世話になります。

現在私どもサイトのヘッダーロゴにh1を入れていまして

{%- include "header-logo" -%}

header-Liquidではこの様になっています。

しかしトップページこれでもいいのですができればコレクションページや商品詳細ページではコレクション名や商品名をh1にしたいです。

条件分岐というのがあり、トップではh1タグでそれ以外はdivタグになるように記述をしたいのですがLiquidなのでわかりません。

サンプルコードとかいただけると幸いです。

よろしくお願いします!

header.liquidファイルで条件分岐させて、トップページの場合はロゴをh1タグで囲み、それ以外のページはdivタグで囲む、という方法をご紹介します。

ご質問内のコードを参考にして、スニペットのheader-logoファイルを読み込む設定にしています。


        {% if request.page_type == 'index' %}
          # 
        {% else %}
          

        {% else %}
          

        {% endif %}
     

以上、ご参考ください。

2 Likes

ありがとうございます!とても参考になりました。

1 Like