如何在 Shopify 的 link 列表中将 class 添加到特定的 link?

How to add a class to a specific link in a link list in Shopify?

我需要将 class 添加到 link 列表中的特定 link。我需要定位的 link 始终是 'shop' 这个词。我尝试将以下内容应用于我的 link 列表中的 <a> link,但它似乎不起作用..

<a href="{{ link.url }}" class="{% if link.title contains 'shop' %}site-nav-shop {% endif %}site-nav__link">{{ link.title }}</a>

我有什么想法可以让它发挥作用!?

提前致谢。

我测试了你的代码并让它在我的测试站点上运行。要检查的几件事:

  1. 区分大小写,因此请检查您的 link 标题是否包含 'shop' 而不是 'Shop' 或其他内容。
  2. 确保您的代码位于正确的位置。例如。我注意到在 Timber 主题中有一个常规站点导航和一个移动站点导航。检查你没有将 class 添加到错误的 <a>...</a>.