Проблемы с Wayfinder

Помогите, пожалуйста, разобраться с такой проблемой:

Есть следующего вида код меню:

<ul id="sitenav">
      <li class="current"><a href="index.html">Home</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="blog.html">Blog</a></li>
      <li><a href="contact.html">Contact</a></li>
</ul>

Когда я делаю вызов сниппета Wayfinder, меню мне выводиться, но без стилей оформления. Как только я не пробовал подключить шаблоны к списку и элементам меню, все никак не получается. Подскажите, пожалуйста, как жнужно правильно делать вывод, и, если не трудно, объясните, почему так. Большое спасибо.

Богдан Остапчук

20 января 2013, 19:42

7 051

Комментарии: 11

Clean

21 января 2013, 00:01

Не много не понял вопроса.
Wayfinder — позволяет выводить меню относительно ресурсов в системе/контекста.

Вызвать в шаблоне можно вот так:

<div class="menu">

<ul class="nav">

[[Wayfinder?

&startId=`0`

&level=`2`

&outerTpl=`tpl.Wayfinder.outer`

&parentRowTpl=`tpl.Wayfinder.row.parent`

&innerRowTpl=`tpl.Wayfinder.row.inner`

&rowTpl=`tpl.Wayfinder.row`

]]

</ul>

</div>

соответственно про параметры можно почитать тут
rtfm.modx.com/display/ADDON/Wayfinder

А чтобы задался ваш стиль- в CSS файле укажите для класса menu.nav значения(это для моего примера), у вас судя по всему нужно будет указывать для идентификатора #sitenav

Богдан Остапчук

21 января 2013, 00:17

Я, наверное, немного не так поставил вопрос. Дело в том, что формат вывода я понимаю. Немного не могу понять, что нужно прописать в шаблонах для этих параметров

&outerTpl=`tpl.Wayfinder.outer` &parentRowTpl=`tpl.Wayfinder.row.parent` &innerRowTpl=`tpl.Wayfinder.row.inner` &rowTpl=`tpl.Wayfinder.row`.

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

Богдан Остапчук

21 января 2013, 00:18

Я понимаю, что вместо

tpl.Wayfinder.outer

должен быть чанк, где я должен описать правило вывода для этого элемента — будь-то класс или еще что. Так ведь? Вот только я не совсем понимаю, что в этом классе и как описывать.

Clean

21 января 2013, 00:35

outer-это описание внешнего контейнера.
Иными словами то, во что обернуть Ваш вывод WF
Можете им не пользоваться в прицнипе.

А вообще предлгаю почитать маны и поэкспериментировать с WF +)

Clean

21 января 2013, 00:32

Я предлагаю Вам внимательно почитать
ru.wikibooks.org/wiki/MODx/%D0%92%D1%81%D1%82%D1%80%D0%BE%D0%B5%D0%BD%D0%BD%D1%8B%D0%B5_%D1%81%D0%BD%D0%B8%D0%BF%D0%BF%D0%B5%D1%82%D1%8B/Wayfinder
и
rtfm.modx.com/display/ADDON/Wayfinder
— Параметры имени класса CSS

CSS можно использовать для управления видом (а в некоторых случаях — действием) различных частей выводимого фрагмента. Однако необходимо указать Wayfinder, какие имена классов CSS используются, и какие элементы разметки фрагмента связываются с ними.

&firstClass (по умолчанию — ‘’) — Класс CSS, определяющий первый элемент на данном уровне меню

&lastClass (по умолчанию — ‘last’) — Класс CSS, определяющий последний элемент на данном уровне меню

&hereClass (по умолчанию — ‘active’) — Класс CSS, определяющий позицию «вы здесь» для всей цепи

&selfClass (по умолчанию — ‘’) — Класс CSS, определяющий позицию «вы здесь» только для текущего документа

&parentClass (по умолчанию — ‘parent’) — Класс CSS, определяющий элемент меню, являющийся папкой

&rowClass (по умолчанию — ‘’) — Класс CSS, определяющий каждую строку

&levelClass (по умолчанию — ‘’) — Класс CSS, определяющий каждый уровень строк, номер уровня добавляется к указанной строке (напр., level1, level2, level3 и т.д.)

&outerClass (по умолчанию — ‘’) — Класс CSS внешнего шаблона

&innerClass (по умолчанию — ‘’) — Класс CSS внутреннего шаблона

&webLinkClass (по умолчанию — ‘’) — Класс CSS внешних ссылок (weblinks)

Богдан Остапчук

21 января 2013, 00:35

Спасибо большое, попробую разобраться.

Andrei Kilin

21 января 2013, 07:07

Вот тут еще клевый пример с картинками, всегда его советую посмотреть, когда по ВФ вопросы:
rtfm.modx.com/display/ADDON/Wayfinder+Introductory+Examples

Andrei Kilin

21 января 2013, 10:22

Еще намекну.
В задаче

<li class="current"><a href="index.html">Home</a></li>

За текущую позицию в меню в ВФ отвечает &hereClass, по умолчанию он равен `active`, а в задаче должно быть `current`, значит вызывать ВФ нужно с параметром &hereClass=`current`.

Едем дальше:
чанк по умолчанию для &outerTpl

<ul>[[+wf.wrapper]]</ul>

, а для задачи нужно указать ИД для списка, получается чанк tpl.Wayfinder.outer:

<ul id="sitenav">[[+wf.wrapper]]</ul>

Если дальше сложности, спрашивай.

Богдан Остапчук

21 января 2013, 15:38

огромное вам спасибо за помощь!

Александр Москвин

21 января 2013, 14:18

Я разбирался по демо сайту, там наглядный Wayfinder и с примерами, дело в том, что по умолчанию Wayfinder выводит
ul li структуру, можно css переписать, добавить div обертку.

Мордынский Николай

21 января 2013, 21:54

дай листингш аблонов аутер ииннер

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.