特定タグが見つからない時、見出しとdivを非表示にしたい

日本語 ディスカッション 技術的なQ＆A
1

こんにちは
商品に特定タグが付与されている場合、特定タグのみ表示したいです。
また、特定タグが見つけられなかった場合には空の

自体も非表示にしたいです。
お分かりになる方、教えてくださいm(_ _)m

サンプルコード


見出し： 
{% for tag in product.tags %}
{% if tag contains 'タグ名1' or tag contains 'タグ名2' or tag contains 'タグ名3' %}
{% capture url %}/collections/collection-name/{{tag | handle}}{% endcapture %}
{{ tag | link_to:url }}
{% endif %}
{% endfor %}
2

はい、一例ですが、商品に「__tag:”表示したいタグ名”」の形式でタグを登録し、以下のようなコードを追加することで可能です。

サンプルで頂いている条件分岐の中に「タグ名1」「タグ名2」などと固有の名称を入れる形ですと、名称を増やす場合に都度コードの編集が必要になるため、商品に登録をするタグ側で表示したい内容を特定するための文言（今回の場合 “__tag:”）を入れる形が良いと思います。

また、見出しやdivを非表示にと頂いている点につきましては、下記コード例のように実際に出力をする箇所（HTML）とLiquidのロジックの部分を分けて書くことで対応ができると思います。

（サンプルのコードにコレクションへのリンクの記述がございましたが、一旦ご質問として頂いているタグベースでの要素の出しわけに絞って回答をさせていただきました。）

コード例：

{% assign isVisible = false %}

{% for tag in product.tags %}
{%-if tag contains ‘__tag’ %}
{% assign isVisible = true %}
{% assign tagName = tag | split: ‘__tag:’ | last %}
{% break %}
{% endif %}
{% endfor %}

{% if isVisible %}

見出し： {{ tagName }}
{% endif %}