k4 / k4navigation
Craft CMS 3.x 的高级导航和面包屑插件(Twig过滤器)
3.0.0
2022-05-12 11:30 UTC
Requires
- craftcms/cms: ^3.0.0-RC1 || ^4.0.0-beta.1
README
Craft CMS 的高级导航的 Twig 过滤器插件。
安装
要安装 k4navigationCraft3,请按照以下步骤操作
- 使用 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 提供