Помогите создать меню в pdotools

Только начал изучать modx, сильно не пинайте
Есть меню
<div class="menu_nav">
        <ul>
          <li class="active"><a href="/"><span>Главная</span></a></li>
          <li><a href="/o_kompanii"><span>О компании</span></a></li>
          <li><a href="/nashi_obj"><span>Наши объекты</span></a></li>
          <li><a href="/realiz_obj"><span>Реализованные объекты</span></a></li>
          <li><a href="/kontakty"><span>Контакты</span></a></li>
        </ul>
        
     </div>"
      
<code>
Если я делаю так   [[pdoMenu? &level=`1` &parents=`0` &outerClass=`menu_nav`]],
то меню выводиться не совсем корректно.
altress
09 февраля 2017, 14:50
modx.pro
1 785
0

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

Андрей Шевяков
09 февраля 2017, 17:54
0
[[pdoMenu?
            &parents=`0`
            &level=`1`
        ]]
Что именно не корректно?

При твоем вызове должна получиться такая конструкция:

<ul class="menu_nav">
	<li class="first active"><a href="" >Главная</a></li>
	<li><a href="" >О компании</a>
	</li><li><a href="" >Наши объекты</a></li>
	<li><a href="" >Реализованные объекты</a></li>
	<li class="last"><a href="" >Контакты</a></li>
</ul>
Какую тебе надо получить?
    altress
    09 февраля 2017, 18:00
    0
    Как сделать чтобы код показал?
    все названия меyю в тегах span и менются стили
      Андрей Шевяков
      09 февраля 2017, 18:03
      0
      Вот пример меню на моем сайте:

      [[pdoMenu?
                  &parents=`0`
                  &level=`1`
                  &tplOuter=`@INLINE <ul class="navigation__list">[[+wrapper]]</ul>`
                  &tpl=`@INLINE <li[[+classes]]><a href="[[+link]]" class="navigation__list-link">[[+menutitle]]</a></li>`
                  &firstClass=``
                  &lastClass=``
                  &rowClass=`navigation__list-item`
                  &hereClass=`navigation__list-item navigation__list-item--active`
              ]]

      euroho.bget.ru

      Все параметры можно посмотреть тут docs.modx.pro/components/pdotools/snippets/pdomenu
        Дмитрий Суворов
        09 февраля 2017, 18:33
        0
        в редакторе свой код оберни в тег
        <code></code>
        , в противном случае мы html-кода не увидим
        altress
        10 февраля 2017, 11:18
        0
        на этой картинке как должно
        а на этой как стало
        я так понимаю это потому что в css прописано форматирование в тагах span
          Андрей Шевяков
          10 февраля 2017, 13:11
          0
          Пришли код, как должно выводиться меню. Как в верстке сделано, по первой картинке.
          altress
          10 февраля 2017, 13:18
          0
          Вот код из файла css для меню

          .menu_nav {
          margin: 40px 0 0 0;
          padding: 3px 0 0 10px;
          float: right;
          width: 630px;
          height: 37px;
          background: url(images/menu_bg.gif) top no-repeat;
          }
          .menu_nav ul {
          list-style:none;
          padding:0;
          margin:0;
          }
          .menu_nav li {
          float:left;
          padding:0 5px;
          }
          .menu_nav li a {
          font:normal 13px Arial, Helvetica, sans-serif;
          color:#4c4c4c;
          display:block;
          float:left;
          padding:10px 0;
          }
          .menu_nav li a span {
          background:none;
          padding:10px 15px;
          }
          .menu_nav li a:hover {
          text-decoration:none;
          color:#f8f8f8;
          background:url(images/r_menu.gif) no-repeat right;
          }
          .menu_nav li a:hover span {
          text-decoration:none;
          color:#f8f8f8;
          background:url(images/l_menu.gif) no-repeat left;
          }
          .menu_nav li.active a {
          text-decoration:none;
          color:#f8f8f8;
          background:url(images/r_menu.gif) no-repeat right;
          }
          .menu_nav li.active a span {
          text-decoration:none;
          color:#f8f8f8;
          background:url(images/l_menu.gif) no-repeat left;
          }
            Андрей Шевяков
            10 февраля 2017, 13:53
            0
            Попробуй вот так:

            [[pdoMenu?
                        &parents=`0`
                        &level=`1`
                        &tplOuter=`@INLINE <div class="menu_nav"><ul>[[+wrapper]]</ul></div>`
                        &tpl=`@INLINE <li[[+classes]]><a href="[[+link]]"><span>[[+menutitle]]</span></a></li>`
                        &firstClass=``
                        &lastClass=``
                    ]]
              altress
              10 февраля 2017, 13:57
              0
              Спасибо огромное, работает. Буду дальше modx изучать
                ivan.job.ros
                19 мая 2017, 17:14
                0
                Есть меню:

                Главная
                О нас
                Каталог
                -Раздел каталога 1
                -Раздел каталога 2
                --Раздел каталога 2.1
                --Раздел каталога 2.2
                Контакты

                Как вывести меню, чтобы отображался только первый уровень, а уровни 2 и 3 появлялись только при наведении на родителя?
                  Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
                  10