[英]MODx Revo Wayfinder 3rd level <ul> different to 2nd level <ul>?
我已经使用Wayfinder菜单在MODx Evo中进行了额外的构建,现在正尝试将其与MODx Revo一起用于新站点。 除了我无法看到使第三级与第二级不同的方法外,它的运行情况还不错。 请参阅Wayfinder当前输出菜单的方式(为简化起见,在此进行了简化):
<ul class="nav nav-pills nav-main" id="mainMenu">
<li class="dropdown">
<a class="dropdown-toggle notransition" href="index.php?id=200">
Help
<i class="icon-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right " style="display: none;">
<li>
<a href="index.php?id=31">
FAQs
</a>
</li>
<li class="dropdown-submenu pull-left">
<a href="index.php?id=54">
Policies
</a>
<ul class="dropdown-menu pull-right" style="display: none;">
<li>
<a href="index.php?id=490">
Privacy Policy
</a>
</li>
<li>
<a href="index.php?id=489">
Terms and Conditions
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
我需要带有“隐私权政策”等内容的“政策”子菜单,向左拉,而不是向右拉-在Wayfinder InnerTpl中定义:
<ul class="dropdown-menu pull-right" style="display: none;">[[+wf.wrapper]]</ul>
因此,Wayfinder是否有可能具有与第二级不同的第三级?
我已经浏览了几天的文档和论坛,但都无济于事,并希望这个惊人的SO社区能够提供一些见解。 提前致谢!
我认为您必须使用CSS进行此操作,您可以将&levelClass添加到您的Wayfinder调用中[文档说“ CSS类表示每个输出行级别。该级别号将添加到指定的类(level1,level2,level3如果您指定了“级别”,则为此类。)
这样,当您看到类似以下内容的内容时,可以为您的第三级项目编写一些CSS:
<li class="dropdown-submenu pull-left level2">
你的CSS可能会像这样:
li.dropdown-submenu.pull-left.level2 > ul {
/* css for pulling it right */
}
不幸的是,如果您将[[+ wf.classnames]]添加到外部包装的UL标签中,则&levelClass不会执行任何操作,因此您必须将其横向放置。
要么
您的内部包装器可以编写为使用摘要来确定要添加的类:
<ul class="dropdown-menu [[!pullLeftOrRight? &id=`[[+wf.docid]]`]]">
[[+wf.wrapper]]
</ul>
然后在代码段中使用docid确定subnav在菜单树中的位置。 [希望docid在externalTpl中可用-我不确定]
UPDATE
再次阅读您的评论和文档之后,我认为我有一个可行的想法-检查&categoryFoldersTpl属性,使用右拉类为您的tpl设置属性,并为您的第3级下拉菜单设置rel =“ category”仅在文档中建议的第三级资源上使用。 [这对希望在不同级别使用不同子菜单的人没有帮助,但可能会使您脱离束缚]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.