README

Craft中的导航，简单易行

功能

在插件的设置中，您可以调整插件名称以供您的客户使用，并禁用非管理员添加、编辑和删除导航。

导航概览。如果您在插件的设置中禁用了“可添加、编辑和删除”设置，则非管理员将只能看到已创建的导航和开始构建导航的链接。

创建或编辑导航时，您可以设置以下设置

让我们开始构建一个导航！非管理员看不到“显示导航”部分。这是为管理员准备的，以便他们知道在模板中放置什么。您可以选择添加现有条目、类别、资产或...

...添加您自己的URL。

在导航中保存您的节点后，您可以通过双击节点或当您悬停在节点上时使用节点后面的设置按钮来稍后编辑它们。

变量

您有两种方式获取您的导航。您可以使用包含您添加的节点数组，或者让a&m nav为您创建HTML。

{% set nav = craft.amNav.getNavRaw("yourNavigationHandle") %}

or

{{ craft.amNav.getNav("yourNavigationHandle") }}

以您喜欢的方式构建

现在，如果需要，您可以添加自己的HTML！

{% set nav = craft.amNav.getNavRaw("yourNavigationHandle") %}

{% macro addNodeToNavigation(node, index) %}
    {%- set nodeClasses = [] -%}
    {%- if node.hasChildren -%}
        {%- set nodeClasses = nodeClasses|merge(['has-children']) -%}
    {%- endif -%}
    {%- if node.active or node.hasActiveChild -%}
        {%- set nodeClasses = nodeClasses|merge(['active']) -%}
    {%- endif -%}
    {%- if node.level == 1 and index == 1 -%}
        {%- set nodeClasses = nodeClasses|merge(['first']) -%}
    {%- endif -%}
    {%- if node.listClass|length -%}
        {%- set nodeClasses = nodeClasses|merge([node.listClass]) -%}
    {%- endif -%}

    <li{% if nodeClasses|length %} class="{{ nodeClasses|join(' ') }}"{% endif %}>
        <a href="{{ node.url }}" title="{{ node.name }}"{% if node.blank %} target="_blank"{% endif %}>{{ node.name }}</a>
        {% if node.hasChildren %}
            <ul class="nav__level{{ (node.level + 1) }}">
                {% for subnode in node.children %}
                    {{ _self.addNodeToNavigation(subnode, loop.index) }}
                {% endfor %}
            </ul>
        {% endif %}
    </li>
{% endmacro %}

<nav class="navmain">
    <ul class="nav">
        {% for node in nav %}
            {{ _self.addNodeToNavigation(node, loop.index) }}
        {% endfor %}
    </ul>
</nav>

参数

让amnav发挥作用

{{ craft.amNav.getNav("yourNavigationHandle") }}

或者使用参数...

{{ craft.amNav.getNav("yourNavigationHandle", {
    id: 'navigation',
    class: 'navigation'
}) }}

参数

面包屑

面包屑不是基于创建的导航。它们基于当前URL段。

{{ craft.amNav.getBreadcrumbs() }}

或者使用参数...

{{ craft.amNav.getBreadcrumbs({
    id: 'breadcrumbs',
    class: 'breadcrumbs'
}) }}

参数

联系

如果您有任何问题、建议或注意到任何错误，请毫不犹豫地与我们联系。