PdoMenu modx revo 3 уровня

Подскажите как составить вывод меню на 3 уровня

<ul class="catalog__list catalog__list_main">
      <li class="catalog__item catalog__item_lvl1 js-catalog__item" data-disabled-lg>
        <a class="catalog__link catalog__link_lvl1 catalog__link_toggle js-catalog__toggle " href="javascript:void(0)">
          Каталог                            </a>
        <div class="js-catalog_ins catalog__ins">
          <ul class="catalog__list catalog__list_ins catalog__col_all">
            <li class="catalog__item catalog__item_ins catalog__toggle js-catalog__ins-toggle">
              <a class="catalog__link catalog__link_ins catalog__toggle_link hidden-xs hidden-sm hidden-md" href="javascript:void(0)">Диваны и кресла</a>
              <div class="catalog__grid catalog__lvl3 js-catalog__lvl3">
                <div class="catalog__col catalog__col_type-2">
                  <ul class="catalog__list catalog__list_ins">
                    <li class="catalog__item catalog__item_ins
    ">
      <a class="catalog__link catalog__link_ins catalog__link_heading" href="/cat/divany/">
        <span class="link link_default">ДИВАНЫ</span>
      </a>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </li> 
                        </ul>
                      </div>

                    </li>
    </ul>
я начал вот так

[[pdoMenu? 
    &level=`3` 
    &parents=`2`  
    &tplOuter=`@INLINE <ul class="catalog__list catalog__list_main">[[+wrapper]]<ul>`
    &tpl=`@INLINE <li class="catalog__item catalog__item_lvl1 js-catalog__item"  data-disabled-lg><a  class="catalog__link catalog__link_lvl1 catalog__link_toggle js-catalog__toggle " href="javascript:void(0)">[[+menutitle]]</a></li>[[+wrapper]]`
    &tplParentRow=`@INLINE <li class="catalog__item catalog__item_lvl1 js-catalog__item"  data-disabled-lg><a  class="catalog__link catalog__link_lvl1 catalog__link_toggle js-catalog__toggle " href="javascript:void(0)">[[+menutitle]]</a></li>[[+wrapper]]`
    &tplInner=`@INLINE <div class="js-catalog_ins catalog__ins"><ul class="catalog__list catalog__list_ins catalog__col_all">[[+wrapper]]<ul></div>`
    &tplInnerRow=`@INLINE <li><a href="[[+link]]">[[+menutitle]]</a></li>`
]]
только здесь

&tplInner=`@INLINE <div class="js-catalog_ins catalog__ins"><ul class="catalog__list catalog__list_ins catalog__col_all">[[+wrapper]]<ul></div>`
вот этот див выводит отдельно и не вписывает в него li

<div class="js-catalog_ins catalog__ins">
Максим
05 июля 2017, 10:26
modx.pro
1 497
0

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

Андрей
05 июля 2017, 20:19
0
Видимо так

[[+wrapper]] надо в li ставить, а у вас после, поэтому и разметка вся едет.

&tpl=`@INLINE <li class="catalog__item catalog__item_lvl1 js-catalog__item"  data-disabled-lg><a  class="catalog__link catalog__link_lvl1 catalog__link_toggle js-catalog__toggle " href="javascript:void(0)">[[+menutitle]]</a>[[+wrapper]]</li>`

&tplInnerRow=`@INLINE <li><a href="[[+link]]">[[+menutitle]]</a>[[+wrapper]]</li>`
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    1