将当前类别设置为活动

Question

在类别页面上时，我希望添加 "active" class 当前页面相关 link 以显示在菜单中选择了哪个类别。

目前我正在列出所有 post 类别并通过

link访问它们的相关页面

{% for cat in categories %}

    <li><a style="margin: 0;" href="{{ cat.link }}" class="">{{cat.name}}</a></li>

{% endfor %}

我尝试过使用 if 语句，但似乎无法正确使用。

Answer 1

设法通过将当前类别设置为活动来解决此问题，如下所示：

{% for cat in categories %}

     <li><a style="margin: 0;" href="{{ cat.link }}" class="menu-item {% if category|capitalize == cat.name %}active{% endif %}">{{cat.name}}</a></li>

{% endfor %}

将当前类别设置为活动

Setting current category to active

timber