k4 / k4navigation

Craft CMS 3.x 的高级导航和面包屑插件(Twig过滤器)

安装: 518

依赖: 0

建议: 0

安全: 0

类型:craft-plugin

3.0.0 2022-05-12 11:30 UTC

This package is auto-updated.

Last update: 2024-09-12 16:23:05 UTC


README

Craft CMS 的高级导航的 Twig 过滤器插件。

Screenshot

安装

要安装 k4navigationCraft3,请按照以下步骤操作

  1. 使用 Composer 在您的项目目录中通过 composer require k4/k4navigation 安装。

k4navigation 与 Craft 3.0 或更高版本兼容。

k4navigation 概述

Craft CMS 的高级导航的 Twig 过滤器。

使用 k4navigation

首先,在 craft 中设置您的菜单。

{% set entries = craft.entries()
  .section('pages')
  .level(1)
  .with(['descendants'])
  .all() 
%}

{% set mainnavigation %}

    {% for entry in entries %}
        <li>
            <a href="{{ entry.url }}">
                {{ entry.title }}
                {% if entry.hasDescendants %}
                    <i class="fas fa-caret-down"></i>
                {% endif %}
            </a>
            {% nav node in entry.descendants %}
                ...
            {% endnav %}
        </li>
    {% endfor %}

{% endset %}

现在,您可以使用 k4-navigation twig 过滤器。以下是一些示例

简单地为选中项的所有父元素添加 "active" 类

    {{ mainnavigation | k4NavigationGetActivePath(url(craft.app.request.pathInfo)) | raw }}

简单菜单仅显示第一级,同时也显示选中路径

    {{ mainnavigation | k4NavigationGetSimpleNavigation(url(craft.app.request.pathInfo)) | raw }}

为菜单显示面包屑

    {{ mainnavigation | k4NavigationGetBreadcrumb(url(craft.app.request.pathInfo)," > ") | raw }}

仅生成第一级导航的导航菜单

    {{ mainnavigation | k4NavigationGetFirstNavOnly(craft.app.request.absoluteUrl) | raw }}

生成排除第一级项的导航菜单(仅子菜单)

    {{ mainnavigation | k4NavigationGetSubNavOnly(craft.app.request.absoluteUrl) | raw }}

Thomas Bauer 提供