Создать меню Bootstrap с WayFinder

Question

Пытается создать меню Bootstrap с WayFinder. Как закончить?

<ul class="nav navbar-nav"> 
 
    <li class="dropdown"> 
 
     <a href="#" class="dropdown-toggle" id="drop1" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> 
 
     <ul class="dropdown-menu" aria-labelledby="drop1"> 
 
     <li><a href="#">Action</a></li> 
 
     <li><a href="#">Another action</a></li> 
 
     <li><a href="#">Something else here</a></li> 
 
     <li role="separator" class="divider"></li> 
 
     <li><a href="#">Separated link</a></li> 
 
     </ul> 
 
    </li> 
 
    <li class="dropdown"> 
 
     <a href="#" class="dropdown-toggle" id="drop2" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> 
 
     <ul class="dropdown-menu" aria-labelledby="drop2"> 
 
     <li><a href="#">Action</a></li> 
 
     <li><a href="#">Another action</a></li> 
 
     <li><a href="#">Something else here</a></li> 
 
     <li role="separator" class="divider"></li> 
 
     <li><a href="#">Separated link</a></li> 
 
     </ul> 
 
    </li> 
 
</ul>

Мой Wayfinder вызов до сих пор:

[[Wayfinder? &startId=`0` &level=`1` 
           &hideSubMenus=`TRUE` &includeDocs=`1,2,3,4,5,55,7,8,74` 
           &outerTpl=`chunk_navigation-menu`]] 

И мой chunk_navigation меню выглядит следующим образом: <ul class="navbar-nav nav">[+wf.wrapper+]</ul>

Answer 1

Прежде всего, я предполагаю, что вы используя MODX Evolution.

Самый простой способ сделать это является использование

&outerClass 
&parentClass 
&innerClass 
&parentRowTpl 

В вашем вызове Wayfinder.

Он должен выглядеть следующим образом:

[[Wayfinder? &startId=`[(site_start)]` &level=`2` &outerClass=`nav navbar-nav` &parentClass=`dropdown` &innerClass=`dropdown-menu` &parentRowTpl=`navbar_parentRowTpl`]] 

Примечание: Если вы не используете [(site_start)] в контексте (ы), замените его в меню родительская идентификатор ресурса.

Также в этом случае вам необходимо создать navbar_parentRowTpl. Этот блок должен выглядеть следующим образом:

<li[+wf.id+][+wf.classes+] class="dropdown" id="menu[+id+]"> 
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#menu[+id+]" href="[+wf.link+]" title="[+wf.title+]"> 
    [+wf.linktext+] 
    <b class="caret"></b> 
</a> 
[+wf.wrapper+]</li> 

Как это было долгое время я не работаю с Эво, если есть какая-то проблема с этим кодом, дайте мне знать, и я могу вам помочь.

Я использовал этот пример в качестве справки: https://gist.github.com/mkay/f0afc97ec1536932e0a3

И использовал эту таблицу, чтобы преобразовать в синтаксисе Эво:

https://rtfm.modx.com/revolution/2.x/making-sites-with-modx/tag-syntax