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

[hiromura]

お世話になります。

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

<!-- Header Left -->
<h1 class="col-sm-4" id="header-left">
<!--<div class="col-sm-4" id="header-left">-->
<!-- Logo -->
{%- include "header-logo" -%}
<!--</div>-->
</h1>

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

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

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

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

よろしくお願いします！

[takeru-noda · Accepted solution]

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

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

<div class=“sample-1”>
        {% if request.page_type == 'index' %}
          <h1 class=“sample-2”>
        {% else %}
          <div class="sample-3“>
        {% endif %}
		{%- include "header-logo" -%}
        {% if request.page_type == 'index' %}
          </h1>
        {% else %}
          </div>
        {% endif %}
     </div>

以上、ご参考ください。

[hiromura]

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