modx wayfinder 3级深度菜单

Question

如何使用wayfinder在modx旋转中创建3级深层菜单？样式应该是：

​

​

但现在我只有：

​

​

我该怎么做这个三级菜单呢？如何为每个级别指定不同的样式？

现在我的寻路器是这样命名的：

      [[Wayfinder? &startId=`6` &level=`2` &where=`{"isfolder":"1"}` &activeParentRowTpl=`menuRow_active` &rowTpl=`menuRow` &outerTpl=`menuOuter` &innerTpl=`menuInner` &innerRowTpl=`menuInnerRow` &hideSubMenus=`true`]]

但是如何让它达到3级深度，并且只显示第二个父级的子级呢？

Answer 1

最新版本的Wayfinder (2.3.3)具有为每个深度输出类的选项。snippet调用中的&level参数设置要输出的级别的最大数量。

<li class="[[+wf.level]]">[[+wf.linktext]]</li>

将输出类似于

<li class="level-1">Your link</li>

编辑:如果只需要输出第二级的子菜单，可以在&parentRowTpl块中使用+wf.level的组合来禁用/隐藏更高级别的任何底层DOM。&parentRowTpl可能如下所示：

<li class="parent [[+wf.level]]">[[+wf.linktext]] [[+wf.wrapper]]</li>

然后你可以使用像.parent.level-1 .submenu { display: none; }这样的css选择器。