modx wayfinder 3级深层菜单

Question

如何使用wayfinder在modx革命中创建3级深度菜单？样式应该是：

但现在我只有：

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

现在我的探路者被称为：

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

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

Answer 1

最新版本的Wayfinder（2.3.3）可以选择为每个深度输出一个类。代码段调用中的＆amp; level参数设置要输出的最大级别数。

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

将输出类似

的内容

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

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

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

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