shopify - Shopifyでホームエイジからタグへのリンクを作成する

Question

サイドバーに動的にナビゲーション バーを作成しようとしています。次のコードを使用しました。

<ul>{% for collection in collections %}
{%if collection.title != 'Frontpage' %}
<li class="abcdef"><span class="heading">{{ collection.title | link_to: collection.url }}</span></li>
<ul>
{% for tag in collection.tags %}  
<li><a href="{{ collection.url }}/{{ tag }}">&emsp;&emsp;{{ tag }}</a> </li>
{% endfor %}
</ul>
{% endif %}
{% endfor %}
</ul>

私にとっては問題なく機能していましたが、タグにスペースを含めてはならないという例外が 1 つあります。しかし、画像付きのタグがいくつかあります。中断せずにスペースを含めることができるようにする方法を教えてください。

Answer 1

link_to_tagフィルターを使用したいと思います。

参照: Shopify Wikiのタグへのリンク。あなたの状況では、解決策は次のとおりです。

{% for tag in collection.tags %}  
<li><a href="{{ tag | link_to_tag: tag }}">&emsp;&emsp;{{ tag }}</a> </li>
{% endfor %}