Двухуровневое меню с pdoMenu

Версия MODX: Revolution

Всем привет!
Пытаюсь реализовать многоуровневое меню с помощью сниппета pdoMenu:

<ul>
	<li><a class="level1" href="/[[~[[+id]]]]">[[+pagetitle]]</a>
		<ul>		
			<li><a class="level2" href="/[[~[[+id]]]]">[[+pagetitle]]</a>
				<ul>
					<li><a href="/[[~[[+id]]]]">[[+pagetitle]]</a></li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

т.е.

Категория 1
- Подкатегория 1.1
-- Подподкатегория 1.1.1
-- Подподкатегория 1.1.2
-- Подподкатегория 1.1.3
- Подкатегория 1.2
-- Подподкатегория 1.2.1
-- Подподкатегория 1.2.2
-- Подподкатегория 1.2.3
Категория n
- Подкатегория n.1
-- Подподкатегория n.1.1
-- Подподкатегория n.1.2

и т.д.

Столкнулся с двумя проблемами:
1. Не цепляются стили .level1, .level2
2. Почему-то склеиваются URLы — первый переход по ссылке меню осуществляется нормально, а далее,- как-будто к URL текущей страницы приклеивается URL той, куда перехожу.

Помогите решить проблему (буду особенно признателен за примеры правильного кода). Заранее спасибо!

Сергей
27.06.15 в 19:06

Комментарии (6)

Павел Романов 27.06.2015 19:50 #
В HEAD:
```
<base href="[[++site_url]]" />
```
Вызов:
```
[[pdoMenu?
&parents=`ID_каталога`
&level=`3`
&levelClass=`level`
]]
```
1. Сергей 27.06.2015 20:16 #
  Павел, спасибо!
  base href помогло!
  Насчет pdoMenu — сделал так:
  
  [[pdoMenu? &parents=`2` &level=`3` &levelClass=`level` &tplParentRow=`@INLINE <li><a href="[[+link]]" class="[[+classnames]]" title="[[+pagetitle]]" [[+attributes]]>[[+menutitle]]</a> [[+wrapper]]` ]]
  
  Работает, НО! Пока почему-то title выводится только у ссылок первого и второго уровня и только у ссылок первой категории, а также к категории 2 не цепляется стиль. Выглядит след. образом:
  
  Категория 1 (есть title, цепляется css) - Подкатегория 1.1 (есть title, цепляется css) -- Подподкатегория 1.1.1 (нет title) Категория 2 (нет title, не цепляется css)
  
  Что не так?
  Спасибо!
  Комментарий был изменён 27.06.2015 в 20:18

Сергей 27.06.2015 21:09 #

Разобрался!
Для моего случая многоуровневого меню подходит следующая вставка:

[[pdoMenu? 
&parents=`2`
&level=`3`
&levelClass=`level`
&tpl=`@INLINE <li><a href="[[+link]]" class="[[+classnames]]" title="[[+pagetitle]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
]]

Сергей 27.06.2015 21:59 #

Хммм… Не все так просто оказалось! Залез посмотреть код, а там каша!
Т.е. код выше дает желаемую «картинку», но в код добавляет кучу мусора…
Продолжаю «оптимизировать»…

Сергей 27.06.2015 23:01 #

В общем на текущий период получается:

[[pdoMenu? 
&parents=`2`
&levelClass=`level`
&outerClass=`left_menu`
&firstClass=`0`
&lastClass=`0`
&hereClass=`0`
&tplInner=`@INLINE [[+wrapper]]`
&tplParentRow=`@INLINE <li class="[[+classnames]]"><a href="[[+link]]" title="[[+pagetitle]]">[[+menutitle]]</a>[[+wrapper]]</li>`	
]]

При такой вставке формируется след. код:

<ul class="left_menu">
	<li class="level1"><a href="ссылка" title="тайтл_ссылки">Категория 1</a>
		<li class="level2"><a href="сылка" title="тайтл_ссылки">Подкатегория 1.1</a>
			<li class="level3"><a href="сылка" >Подкатегория 1.1.1</a></li>
		</li>
	</li>
	<li class="level1"><a href="ссылка" >Категория 2</a></li>
</ul>

Но никак не могу догнать, как сделать так, чтобы title также наследовался в li третьего уровня и ниже.
Кто подскажет?
Спасибо!

Комментарий был изменён 27.06.2015 в 23:01

Сергей 28.06.2015 02:43 #

В общем получилось так:

<ul class="left_menu">
		[[!pdoMenu? 
		&parents=`2`
		&levelClass=`level`
		&firstClass=`0`
		&lastClass=`0`
		&hereClass=`0`
		&tplOuter=`@INLINE [[+wrapper]]`
		&tpl=`@INLINE <li class="[[+classnames]]"><a href="[[+link]]" title="[[+longtitle]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
		]]
</ul>

(единственное ul впихнуть в чанк не вышло, чтобы он каждый li не оборачивал)

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.