如何使用小树枝在工艺cms中将活动类设置为具有二级整体的导航?

时间:2019-07-06 03:35:45

标签: symfony twig octobercms craftcms

如何将活动类设置为具有第二级项目/同级页面的导航?

在这里查看答案 https://craftcms.stackexchange.com/questions/554/how-can-i-add-a-dynamic-active-css-class-to-the-navigation-on-any-given-page

https://startingcraft.com/articles/active-menu-links-in-craftcms

我遇到几个错误 未定义宏 当我设置使用{%set macro is__active时,我得到了值“ is_active”的“意外令牌“名称””

下面是我的树枝-如您所见,这些链接将是动态的。

您能否也请解释一下您的答案以及我没有得到的内容:-)

{% macro is_active(segment) %}
{% if craft.app.request.segments | first == segment %}active{% endif %}
{% endmacro %}

<div class="side-navigation">
    {% set parent = entry.getParent() %}
    {% if parent %}
        <h6 class="side-navigation__heading">{{parent}}</h6>
        {% set siblings = parent.getDescendants(1) ??? null %}
        {% if siblings|length %}
            <nav class="side-navigation__list">
            {% for item in siblings %}
                <li class="side-navigation__item">
                    <a class="side-navigation__link {{ macros.is_active('item.slug') }}" href="{{ item.url }}">{{ item.title }}</a>
                </li>
            {% endfor %}
        </nav>
        {% endif %}
    {% endif %}
</div>

0 个答案:

没有答案