Проблемы с Wayfinder

2 Posts

Gorky Reply #1, 16 years, 1 month ago

2 дня убил на это, ну не дано мне понять эту систему Wayfinder’a. Помогите пожалуйста, люди добрые, чем можете!!!

Вот стиль HTML странички:

<ul id="prod_nav">
   <li class="first-of-type"><span>Телефоны</span></li>
   <li class="top"><a href="#">LG</a></li>
   <li class="top"><a href="#">NOKIA</a></li>
   <li class="top"><a href="#">SAMSUNG</a></li>
   <li class="top"><a href="#">HTC</a></li>
   <li class="top"><a href="#">Мобильные аксессуары</a></li>
   <li class="first-of-type"><span>Мониторы</span></li>
   <li class="top"><a href="#">LCD</a></li>
   <li class="top"><a href="#">LED</a></li>
   <li class="top"><a href="#">Аксессуары для мониторов</a></li>
</ul>

Вот как это выглядит в MODx:

Не могу организовать &outerTpl` и &rowTpl что-бы это выглядело вот ТАК:

Помогите составить Wayfinder и его стиль правильно!
Заранее большое спасибо.

- 264 Posts
Kollad Reply #2, 16 years, 1 month ago
Смотрите в сторону
1)&levelClass=`level` - каждому уровню вложенности, будут добавляться классы level1, level2 ... levelN
2)&parentRow=`parentRowTpl` - для родительских элементов(Телефоны, Мониторы)
```
<ul id="prod_nav">
   <li class="level1"><span>Телефоны</span>
	<ul>
		<li class="level2"><a href="#">LG</a></li>
		<li class="level2"><a href="#">NOKIA</a></li>
		<li class="level2"><a href="#">SAMSUNG</a></li>
		<li class="level2"><a href="#">HTC</a></li>
		<li class="level2"><a href="#">Мобильные аксессуары</a></li>
	</ul>
	</li>  
   <li class="level1"><span>Мониторы</span>
	<ul>
		<li class="level2"><a href="#">LCD</a></li>
		<li class="level2"><a href="#">LED</a></li>
		<li class="level2"><a href="#">Аксессуары для мониторов</a></li>
	</ul>
	</li>  
</ul>
```
Просто потом надо будет немного подправить CSS
Обо мне / About:
MySpace VKontakte Twitter

MODx, not MODx
Мои работы / My works:
- Магазин детских игрушек, Организация детских праздников,
---------------------------------------------------
[Module, Snippet, Plugin] digiFaq - простая система вопросы/ответы
[Module] Massive Move - модуль для массового перемещения документов