Проблемы с 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
modx.pro
6 434
0

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

Clean
Clean
21 января 2013, 00:01
0
Не много не понял вопроса.
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
    0
    Я, наверное, немного не так поставил вопрос. Дело в том, что формат вывода я понимаю. Немного не могу понять, что нужно прописать в шаблонах для этих параметров 
    &outerTpl=`tpl.Wayfinder.outer` &parentRowTpl=`tpl.Wayfinder.row.parent` &innerRowTpl=`tpl.Wayfinder.row.inner` &rowTpl=`tpl.Wayfinder.row`.
    Когда делал меню по примеру, автор привел уже готовый код без объяснений. Теперь вот делаю сам, и натыкаюсь на то, что классы к элементам меню не применяются.
      Богдан Остапчук
      Богдан Остапчук
      21 января 2013, 00:18
      0
      Я понимаю, что вместо 
      tpl.Wayfinder.outer
      должен быть чанк, где я должен описать правило вывода для этого элемента — будь-то класс или еще что. Так ведь? Вот только я не совсем понимаю, что в этом классе и как описывать.
        Clean
        Clean
        21 января 2013, 00:35
        0
        outer-это описание внешнего контейнера.
        Иными словами то, во что обернуть Ваш вывод WF
        Можете им не пользоваться в прицнипе.

        А вообще предлгаю почитать маны и поэкспериментировать с WF +)
      Clean
      Clean
      21 января 2013, 00:32
      0
      Я предлагаю Вам внимательно почитать
      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
        0
        Спасибо большое, попробую разобраться.
          Andrei Kilin
          Andrei Kilin
          21 января 2013, 07:07
          0
          Вот тут еще клевый пример с картинками, всегда его советую посмотреть, когда по ВФ вопросы:
          rtfm.modx.com/display/ADDON/Wayfinder+Introductory+Examples
            Andrei Kilin
            Andrei Kilin
            21 января 2013, 10:22
            0
            Еще намекну.
            В задаче 
            <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, 14:18
          0
          Я разбирался по демо сайту, там наглядный Wayfinder и с примерами, дело в том, что по умолчанию Wayfinder выводит
          ul li структуру, можно css переписать, добавить div обертку.
            Мордынский Николай
            Мордынский Николай
            21 января 2013, 21:54
            0
            дай листингш аблонов аутер ииннер
              Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
              11