Проблемы с Wayfinder
Помогите, пожалуйста, разобраться с такой проблемой:
Есть следующего вида код меню:
Когда я делаю вызов сниппета 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, меню мне выводиться, но без стилей оформления. Как только я не пробовал подключить шаблоны к списку и элементам меню, все никак не получается. Подскажите, пожалуйста, как жнужно правильно делать вывод, и, если не трудно, объясните, почему так. Большое спасибо.
Комментарии: 11
Не много не понял вопроса.
Wayfinder — позволяет выводить меню относительно ресурсов в системе/контекста.
Вызвать в шаблоне можно вот так:
rtfm.modx.com/display/ADDON/Wayfinder
А чтобы задался ваш стиль- в CSS файле укажите для класса menu.nav значения(это для моего примера), у вас судя по всему нужно будет указывать для идентификатора #sitenav
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
Я, наверное, немного не так поставил вопрос. Дело в том, что формат вывода я понимаю. Немного не могу понять, что нужно прописать в шаблонах для этих параметров
&outerTpl=`tpl.Wayfinder.outer` &parentRowTpl=`tpl.Wayfinder.row.parent` &innerRowTpl=`tpl.Wayfinder.row.inner` &rowTpl=`tpl.Wayfinder.row`.
Когда делал меню по примеру, автор привел уже готовый код без объяснений. Теперь вот делаю сам, и натыкаюсь на то, что классы к элементам меню не применяются.
Я понимаю, что вместо
tpl.Wayfinder.outer
должен быть чанк, где я должен описать правило вывода для этого элемента — будь-то класс или еще что. Так ведь? Вот только я не совсем понимаю, что в этом классе и как описывать.
outer-это описание внешнего контейнера.
Иными словами то, во что обернуть Ваш вывод WF
Можете им не пользоваться в прицнипе.
А вообще предлгаю почитать маны и поэкспериментировать с WF +)
Иными словами то, во что обернуть Ваш вывод WF
Можете им не пользоваться в прицнипе.
А вообще предлгаю почитать маны и поэкспериментировать с WF +)
Я предлагаю Вам внимательно почитать
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
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)
Спасибо большое, попробую разобраться.
Вот тут еще клевый пример с картинками, всегда его советую посмотреть, когда по ВФ вопросы:
rtfm.modx.com/display/ADDON/Wayfinder+Introductory+Examples
rtfm.modx.com/display/ADDON/Wayfinder+Introductory+Examples
Еще намекну.
В задаче
Едем дальше:
чанк по умолчанию для &outerTpl
В задаче
<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>
Если дальше сложности, спрашивай.
огромное вам спасибо за помощь!
Я разбирался по демо сайту, там наглядный Wayfinder и с примерами, дело в том, что по умолчанию Wayfinder выводит
ul li структуру, можно css переписать, добавить div обертку.
ul li структуру, можно css переписать, добавить div обертку.
дай листингш аблонов аутер ииннер
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.