Многоуровневое pdomenu с изображениями

Привет!
Плотно изучаю доки по pdomenu, и упорно не понимаю некоторых вещей.
Есть меню вот такого вида:
<ul class="navbar-nav mr-auto nav flex-column b-menu-catalog w-100">
                                    <li class="nav-item b-menu-catalog__item py-1 active">
                                        <a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" id="navbarDropdownDog" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                              <span>
                                                <img class="b-menu-catalog__img pr-3" src="/assets/template/img/catalog/menu/dog1.png" alt="">
                                                <span>Собакам</span>
                                              </span>
                                        </a>
                                        <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent">
                                            <div class="d-flex">
                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">1Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </li>
                                    <li class="nav-item b-menu-catalog__item py-1">
                                        <a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" id="navbarDropdownCat" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <span>
                                                        <img class="b-menu-catalog__img pr-3" src="/assets/template/img/catalog/menu/cat1.png" alt="">
                                                        <span>Кошкам</span>
                                                    </span>
                                        </a>

                                        <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent">
                                            <div class="d-flex">
                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">2Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </li>

                                    <li class="nav-item b-menu-catalog__item py-1">

                                        <a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" id="navbarDropdownBird" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <span>
                                                        <img class="b-menu-catalog__img pr-3" src="/assets/template/img/catalog/menu/bi.png" alt="">
                                                        <span>Птицам</span>
                                                    </span>
                                        </a>

                                        <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent">
                                            <div class="d-flex">
                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">3Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </li>

                                    <li class="nav-item b-menu-catalog__item py-1">

                                        <a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" id="navbarDropdownFish" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <span>
                                                        <img class="b-menu-catalog__img pr-3" src="/assets/template/img/catalog/menu/fish.png" alt="">
                                                        <span>Рыбкам</span>
                                                    </span>
                                        </a>

                                        <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent">
                                            <div class="d-flex">
                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">4Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </li>

                                    <li class="nav-item  b-menu-catalog__item py-1">

                                        <a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" id="navbarDropdownRodent" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <span>
                                                        <img class="b-menu-catalog__img pr-3" src="/assets/template/img/catalog/menu/zoo.png" alt="">
                                                        <span>Грызунам</span>
                                                    </span>
                                        </a>

                                        <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent">
                                            <div class="d-flex">
                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">5Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </li>

                                    <li class="nav-item b-menu-catalog__item py-1">

                                        <a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" id="navbarDropdownSnake" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <span>
                                                        <img class="b-menu-catalog__img pr-3" src="/assets/template/img/catalog/menu/sn.png" alt="">
                                                        <span>Рептилиям</span>
                                                    </span>
                                        </a>

                                        <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent">
                                            <div class="d-flex">
                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">6Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>

                                                <div class="col-4 b-menu-dropdown__wrapper">
                                                    <a class="b-menu-dropdown__title d-block mb-2" href="#">Покормить</a>
                                                    <div class="b-menu-dropdown__inner d-flex flex-column">
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Корма сухие</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Консервы</a>
                                                        <a class="b-menu-dropdown__item mb-1" href="#">Лакомства</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </li>

                                </ul>
С изображениями я разобрался, добавив TV и указав параметры includetvs и prepatetvs.
Но как перейти на второй уровень меню? Какой параметр использовать?

Мой текущий вывод:
[[pdoMenu?
                                &parents=`2`
                                &level=`2`
                                &includeTVs=`menuimg`
                                &prepateTVs=`1`
                                &tplOuter=`@INLINE<ul class="navbar-nav mr-auto nav flex-column b-menu-catalog w-100">[[+wrapper]]</ul>`
                                &tpl=`@INLINE <a class="nav-link dropdown-toggle b-menu-catalog__link px-4"
                                                 id="navbarDropdownDog"
                                                 role="button"
                                                 data-toggle="dropdown"
                                                 aria-haspopup="true"
                                                 aria-expanded="false"></a>
                                <span>
                                    <img class="b-menu-catalog__img pr-3" src="[[+menuimg]]" alt="">
                                    <span>[[+menutitle]]</span>
                                </span>
                                `
                                ]]
Помогите пожалуйста :)
Павел Бигель
29 июля 2019, 14:41
modx.pro
1
1 099
0
Поблагодарить автора Отправить деньги

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

    Павел Бигель
    29 июля 2019, 17:15
    0
    Эти записи отвечают за вложенность второго уровня? А если вложенность уровня 50, то что делать?)
      Наумов Алексей
      29 июля 2019, 17:18
      0
      Страдать)))
      Вообще очень часто выручает параметр «levelClass», получается через css многое сделать, т.е. html верстка остается стандартная ul > li, а через css разруливаем внешний вид.
      Если совсем не получается, можно попробовать вызывать внутри пункта меню уровня N еще раз pdoMenu с другими параметрами, но это если таких вызовов будет 1-2.
        Андрей Шевяков
        29 июля 2019, 17:20
        0
        Это чанки оформления меню с потомками.
      Сергей Шлоков
      29 июля 2019, 18:56
      +1
        Павел Бигель
        29 июля 2019, 21:47
        0
        Стало немного понятнее. Решение еще не придумал, но все же стало понятнее, спасибо!
          Павел Бигель
          30 июля 2019, 10:33
          0
          [[pdoMenu?
                                                  &parents=`2`
                                                  &level=`2`
                                                  &includeTVs=`menuimg`
                                                  &prepateTVs=`1`
                                                  &tplOuter=`@INLINE <li class="nav-item b-menu-catalog__item py-1">[[+wrapper]]</li>`
                                                  &tpl=`@INLINE
                                                  <a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" id="navbarDropdownDog" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                      <span>
                                                          <img class="b-menu-catalog__img pr-3" src="[[+menuimg]]" alt="">
                                                          <span>[[+menutitle]]</span>
                                                      </span>
                                                  </a>
                                                  `
                                                  &tplInner=`@INLINE
                                                  <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent">
                                                      <div class="d-flex">
                                                      [[+wrapper]]
                                                      </div>
                                                  </div>
                                                  `
                                                  `
                                                  &tplInnerRow=`@INLINE
                                                   <div class="col-4 b-menu-dropdown__wrapper">
                                                       <div class="b-menu-dropdown__inner d-flex flex-column">
                                                           <a class="b-menu-dropdown__item mb-1" href="[[+link]]">[[+menutitle]]</a>
                                                       </div>
                                                   </div>
                                                  `
                                                  ]]
          Первый уровень выводит нормально, но на второй переходить не хочет. Не подскажете почему?)
            Алексей
            30 июля 2019, 11:00
            0
            Добрый день, Павел.
            Вот два вывода меню:
            1.
            {'pdoMenu' | snippet : [
                'startId' => 9,
                'level' => 2,
                'where' => '{"isfolder":1}',
                'includeTVs' => 'imagecategory'
                'prepareTVs' => 1,
                'hereClass' => 'uk-active',
                'tplOuter' => '@INLINE <ul class="uk-nav1" uk-nav>{$wrapper}</ul>'
                'tpl' => '@INLINE <li {$classes}><a href="{$link}" title="{$menutitle}" class="cat">{$menutitle}</a>{$wrapper}</li>'
            	'tplInner' => '@INLINE <div class="uk-width-xlarge" uk-drop="pos: right-center;"><div class="uk-card uk-card-small uk-card-body uk-card-default"><div class="uk-drop-grid uk-grid-small uk-text-center uk-child-width-1-3@m uk-nav-sub" uk-grid>{$wrapper}</div></div></div>'
                'tplInnerRow' => '@INLINE <div {$classes}><a href="{$link}" title="{$menutitle}" style="font-family: Oswald;font-size: 0.9rem;"><img src="{$imagecategory}" alt="{$menutitle}" uk-img><p class="uk-margin-remove">{$menutitle}</p></a></div>'
             ]}
            И вот как это выглядит на сайте:

            И еще один вывод:
            2.
            {'pdoMenu' | snippet : [
                        'parents' => '0',
                        'level' => 2,
                        'hereClass' => 'uk-active',
                        'tplOuter' => '@INLINE <ul class="uk-navbar-nav">{$wrapper}</ul>'
                        'tplParentRow' => '@INLINE <li {$classes} class="uk-parent"><a href="#">{$menutitle}</a>{$wrapper}</li>'
                        'tplInner' => '@INLINE <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3"><div class="uk-column-1-2 uk-column-divider"><ul class="uk-nav uk-navbar-dropdown-nav">{$wrapper}</ul></div></div>'
                        'tplInnerRow' => '@INLINE <li{$classes}><a href="{$link}">{$attributes} {$menutitle}</a>{$wrapper}</li>'
                      ]}
            Как выглядит:

            Надеюсь поможет!
              Павел Бигель
              30 июля 2019, 11:35
              0
              Добрый день!
              Спасибо!
              Делаю так
              {'pdoMenu' | snippet : [
                                              'parents' => '2',
                                              'level' => 2,
                                              'includeTVs' => 'menuimg',
                                              'prepareTVs' => 1,
                                              'tplOuter' => '@INLINE <ul class="navbar-nav mr-auto nav flex-column b-menu-catalog w-100">{$wrapper}</ul>',
                                              'tplParentRow' => '@INLINE <li class="nav-item b-menu-catalog__item py-1"><a class="nav-link dropdown-toggle b-menu-catalog__link px-4" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span><img class="b-menu-catalog__img pr-3" src="{$menuimg}" alt=""><span>{$menutitle}</span></span></a>{$wrapper}</li>',
                                              'tplInner' => '@INLINE <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent"><div class="d-flex">{$wrapper}</div></div>',
                                              'tplInnerRow' => '@INLINE <div class="col-4 b-menu-dropdown__wrapper"> <div class="b-menu-dropdown__inner d-flex flex-column"><a class="b-menu-dropdown__item mb-1" href="{$link}">{$menutitle}</a></div></div>'
                                              ]}
              Это работает.
              Однако если в подкатегории ничего нет, он не теряет классы.
              Что я делаю не так?)
              2019-07-30-11-31-58
                Алексей
                30 июля 2019, 11:56
                +1
                Если я правильно понял ( «он не теряет классы»), ЧТО ЭТО?, вам надо вывести только категории, добавьте вот это 'where' => '{«isfolder»:1}',
                  Алексей
                  30 июля 2019, 12:31
                  0
                  Павел, еще не совсем понял, почему у вас одинаковые пункты в подразделах? Например, (собаки) и одни и те же пункты (покормить, корма сухие и т.д.)
                    Павел Бигель
                    30 июля 2019, 12:33
                    0
                    Это просто скелет отдал верстальщик)
                    Подпункты, естественно, разные)
          Алексей
          30 июля 2019, 12:40
          0
          Если делать 2 уровня меню, то так:
          Вот эти пункты:
          'tplInner' => '@INLINE <div class="b-menu-dropdown dropdown-menu py-4 px-5" aria-labelledby="navbarDropdownRodent"><div class="d-flex"><div class="col-4 b-menu-dropdown__wrapper"><div class="b-menu-dropdown__inner d-flex flex-column">{$wrapper}</div></div></div></div>',
                      'tplInnerRow' => '@INLINE <a class="b-menu-dropdown__item mb-1" href="{$link}">{$menutitle}</a>'
          Если перенести таким образом, то все подпункты будут внутри контейнера.

          И еще, добавить вот это: 'hereClass' => 'active',
          И вот сюда вывод: 'tplParentRow' => '@INLINE <li class=«nav-item b-menu-catalog__item py-1» {$classes}>…
            Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
            13