如何在shopify中创建自定义链接

Question

如何在shopify中创建自定义链接？

指向产品类别{{product_type | link_to_type}}

代码看起来像这样

<script>
$(".supplierName").each(function() {
   // do something...
});
</script>

我想添加一个＆＃34;查看更多＆＃34;此链接旁边的链接指向同一链接。那可能吗？

我尝试过，但他们没有工作。

  {% for product_type in collection.all_types %}
    {{ product_type | link_to_type }}

感谢任何帮助

Answer 1

这可以通过链接到replace（或replace_first）过滤器来实现。

{% for product_type in collection.all_types %}
    {{ product_type | link_to_type | replace_first: '</a>', ' (view more)</a>' }}
{% endfor %}

这将产生以下内容：

<a href="/collections/types?q=Type1" title="Type1">Type1 (view more)</a>
<a href="/collections/types?q=Type2" title="Type2">Type2 (view more)</a>

您可以将replace / replace_first的(view more)部分更改为您想要的任何部分，但请确保它以</a>结束以关闭标记并保留其前面的空格，以便它不会出现出Type1(view more)。