Многоуровневое меню

5 Posts

render Reply #1, 16 years, 7 months ago

Имеется следующий код:

        <ul class="mainmenu">
    	<li><a href="#">Первый уровень</a>
        	<ul>
                         <li><a href="#">Второй уровень</a></li>
                         <li><a href="#">Второй уровень</a>
                         <ul>
    	                         <li><a href="#">Третий уровень</a></li>
    	                         <li><a href="#">Третий уровень</a>
                                 <ul>
    	                                 <li><a href="#">Четвертый уровень</a></li>
    	                                 <li><a href="#">Четвертый уровень</a></li> 
   	                                 <li><a href="#">Третий уровень</a></li>
    	                                 <li><a href="#">Третий уровень</a></li>
                                 </ul>
                                 </li> 
   	                         <li><a href="#">Третий уровень</a></li>
    	                         <li><a href="#">Третий уровень</a></li>
                       </ul>
                       </li>
                       <li><a href="#">Второй уровень</a></li>
               </ul>
        </li>
    	<li><a href="#">Первый уровень</a></li>
    	<li><a href="#">Первый уровень</a></li>
    	<li><a href="#">Первый уровень</a></li>
    </ul>

Как видно из кода есть три вложенных меню в основное. Всего четыре уровня. Если элемент активен, т.е. мы зашли именно на ту страницу, куда ведет этот элемент, то получаем замену

<li><span>Активный пункт</span></li>

Т.е. к примеру мы зашли в третьем уровне в первый пункт:

        <ul class="mainmenu">
    	<li><a href="#">Первый уровень</a>
        	<ul>
                         <li><a href="#">Второй уровень</a></li>
                         <li><a href="#">Второй уровень</a>
                         <ul>
    	                         <li><span>Активный пункт</span></li>
    	                         <li><a href="#">Третий уровень</a></li> 
   	                         <li><a href="#">Третий уровень</a></li>
    	                         <li><a href="#">Третий уровень</a></li>
                       </ul>
                       </li>
                       <li><a href="#">Второй уровень</a></li>
               </ul>
        </li>
    	<li><a href="#">Первый уровень</a></li>
    	<li><a href="#">Первый уровень</a></li>
    	<li><a href="#">Первый уровень</a></li>
        </ul>

Вопрос: как все это дело вставить в шаблон, т.е. если использовать WayFinder как это будет выглядеть?
На сколько я помню в WayFinder не описан активный пункт через span. Как это исправить?

230 Posts

PoMeO Reply #2, 16 years, 7 months ago

http://wiki.modxcms.com/index.php/Wayfinder
&innerHereTpl
the template chunk for the current document if in a subfolder
Placeholders
same as rowTpl
Example
<li[+wf.classes+]><span>[+wf.linktext+]</span>[+wf.wrapper+]</li>

5 Posts

render Reply #3, 16 years, 7 months ago

спасиб. В принципе я сделал само меню, активный пункт благодаря вам думаю тоже вполне реализуемо.
Появилась другая проблема...
Если мы находимся на втором уровне меню, то пункт в первом уровне к которому уровень относится представляется в виде li class="active", как это убрать?
Говоря проще, это выглядит так:

<ul>
<li><a href="">пункт 1</a></li>
<li class="active"><a href="">пункт 1</a>
 <ul>
  <li><a href="">пункт 2</a></li>
  <li class="active"><a href="">пункт 2</a></li> - здесь мы сейчас находимся
  <li><a href="">пункт 2</a></li>
 </ul>
</li>
<li><a href="">пункт 1</a></li>
</ul>

а нужно вот так:

<ul>
<li><a href="">пункт 1</a></li>
<li><a href="">пункт 1</a>
 <ul>
  <li><a href="">пункт 2</a></li>
  <li class="active"><a href="">пункт 2</a></li> - здесь мы сейчас находимся
  <li><a href="">пункт 2</a></li>
 </ul>
</li>
<li><a href="">пункт 1</a></li>
</ul>

230 Posts

PoMeO Reply #4, 16 years, 7 months ago

либо из &rowTpl либо из другого &parentRowHereTpl
вам надо убрать [+wf.classes+]

30 Posts

Barmental Reply #5, 15 years, 6 months ago

Так как мой вопрос связан с меню, решил запостить его здесь. Итак, вопрос очень прост, почему названия пунктов меню, формируются из поля "заголовок" (который в свою очередь выводит его в title документа), а не из поля "пункт меню", тогда для чего служит запись в поле "пункт меню", и как сделать, чтобы названия пунктов меню, выводились из поля "пункт меню"?
P.S. Спросил, потому что, в "заголовок" можно поместить более подробное название документа, в то время как для меню оно может быть слишком длинным.

328 Posts

umanuma Reply #6, 15 years, 6 months ago

Странно, что у вас так. По-дефолту, как раз menutitle является первым в очереди при выводе ссылки. И уж потом, если его нет, выводится pagetitle.

Чтобы узнать подробности и изменить привычный ход вещей, рекомендую обратиться к документации по параметрам &textOfLinks и &titleOfLinks: http://www.muddydogpaws.com/development/wayfinder/parameters.html

30 Posts

Barmental Reply #7, 15 years, 6 months ago

Оказывается, я просто закомментировал эту строку в php файле, когда искал место, где формируются подсказки в меню, и забыл вернуть все на место, все заработало.