如何将blog.tags更改为可点击的图像

Question

我希望创建可点击的图片，例如blogs.liquid页面上的可点击标签，将页面过滤到相关的博客类别/帖子。目前，下面的代码只是正确列出了标签和过滤器。

我尝试为每个类别分配一个图像，当它显示时，它不可点击，因此不会过滤。我的希望是让图像可以点击，然后隐藏文字。

    <ul>
        {% for tag in blog.all_tags %}         
          {% if current_tags contains tag %}
              <li class="{{ tag | handleize }} current">{{ tag | link_to_tag: tag }} - current tag</li>
          {% else %}
              <li class="{{ tag | handleize }}">{{ tag | link_to_tag: tag }}</li>

                      {% if tag == 'cat1' %}
                          <img src="#1">   
                      {% endif %}
                      {% if tag == 'cat2' %}
                          <img src="#2">   
                      {% endif %}
                      {% if tag == 'cat3' %}
                          <img src="#3">   
                      {% endif %}

          {% endif %}
        {% endfor %}
        </ul>

如果您有任何建议可以在Shopify平台上运行，我将非常感激，因为我仍然无法解决这个问题。我正在使用Supply主题，以防有用。

感谢。

Answer 1

愚蠢的我，如果你只是使用它触发的URL链接，根本不需要液体......例如只是链接正常：

<a href="www.randomsite.com/blogs/education/cat1">

它将实现同样的目标。