Как организовать меню?

Всем привет. Столкнулся не совсем со стандартной задачей. Нужно вывести от родителя все дочерние ресурсы по блокам, как показано на скриншоте:




тоесть у нас по идее 4 блока должно получится:

<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
    		            <ul class="radio">
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		            </ul>
    		        </div>
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
    		            <ul class="radio">
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		            </ul>
    		        </div>
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
    		            <ul class="radio">
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		            </ul>
    		        </div>
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
    		            <ul class="radio">
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
    		            </ul>
    		        </div>
Пробую вывести вот так:

[[!pdoMenu?
		            &parents=`306`
		            &level=`4`
		            &tplOuter=`@INLINE 
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
    		            <ul class="radio">
    		                [[+wrapper]]
    		            </ul>
    		        </div>`
		            &tpl=`@INLINE <li><input type="radio" name="parent" value="[[+id]]" placeholder="[[+pagetitle]]" /> <span>[[+pagetitle]]</span></li>`
		            &showHidden=`1`
		        ]]
но тут проблема заключается в том, что плейсхолдер [[+wrapper]] для вывода вторичек, я не понимаю куда засунуть, чтобы все дочерние ресурсы были в блоках
<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">...</div>
.
Андрей Копп
28 июля 2016, 19:01
modx.pro
1
1 105
+1

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

Евгений Webinmd
28 июля 2016, 23:04
0
в &tplInner
    Андрей Копп
    28 июля 2016, 23:10
    0
    Пробовал через него, не работает. Показывает только дочерние документы контейнера с id 306, а дочерние дочерних не показывает(
      Евгений Webinmd
      29 июля 2016, 00:18
      0
      в tpl после закрывающего li надо wrapper вставлять

      &tpl=`@INLINE <li><input type="radio" name="parent" value="[[+id]]" placeholder="[[+pagetitle]]" /> <span>[[+pagetitle]]</span></li>[[+wrapper]]`
        Андрей Копп
        29 июля 2016, 15:14
        0
        Да это понятно, только выводиться дочерние документы будут уже в блоке указанном и будет каша(
          Евгений Webinmd
          29 июля 2016, 15:18
          0
          а можете выложить куда-то полный код меню, а не только дочерних?
          либо отправьте мне куда-то в приват
            Андрей Копп
            29 июля 2016, 15:26
            0
            Вот что сейчас выводится:

            <div class="board-rubrics">
            		    <div class="row">
            		        <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="338" data-name="real-estate" placeholder="Недвижимость"> <span>Недвижимость</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="351" data-name="apartments" placeholder="Квартиры"> <span>Квартиры</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="358" data-name="sell" placeholder="Продам"> <span>Продам</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="359" data-name="resale" placeholder="Вторичка"> <span>Вторичка</span></li><li><input type="radio" name="parent" value="360" data-name="new" placeholder="Новостройка"> <span>Новостройка</span></li>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="361" data-name="pass" placeholder="Сдам"> <span>Сдам</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="362" data-name="for-a-long-time" placeholder="На длительный срок"> <span>На длительный срок</span></li><li><input type="radio" name="parent" value="363" data-name="rent" placeholder="Посуточно"> <span>Посуточно</span></li>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="364" data-name="buy" placeholder="Куплю"> <span>Куплю</span></li><li><input type="radio" name="parent" value="365" data-name="will-be-removed" placeholder="Сниму"> <span>Сниму</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="366" data-name="for-a-long-time" placeholder="На длительный срок"> <span>На длительный срок</span></li><li><input type="radio" name="parent" value="367" data-name="rent" placeholder="Посуточно"> <span>Посуточно</span></li>
                		            </ul>
                		        </div>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="352" data-name="room" placeholder="Комнаты"> <span>Комнаты</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="368" data-name="sell" placeholder="Продам"> <span>Продам</span></li><li><input type="radio" name="parent" value="369" data-name="pass" placeholder="Сдам"> <span>Сдам</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="370" data-name="for-a-long-time" placeholder="На длительный срок"> <span>На длительный срок</span></li><li><input type="radio" name="parent" value="371" data-name="rent" placeholder="Посуточно"> <span>Посуточно</span></li>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="372" data-name="buy" placeholder="Куплю"> <span>Куплю</span></li><li><input type="radio" name="parent" value="373" data-name="will-be-removed" placeholder="Сниму"> <span>Сниму</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="374" data-name="for-a-long-time" placeholder="На длительный срок"> <span>На длительный срок</span></li><li><input type="radio" name="parent" value="375" data-name="rent" placeholder="Посуточно"> <span>Посуточно</span></li>
                		            </ul>
                		        </div>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="353" data-name="houses-villas-cottages" placeholder="Дома, дачи, коттеджи"> <span>Дома, дачи, коттеджи</span></li><li><input type="radio" name="parent" value="354" data-name="land" placeholder="Земельные участки"> <span>Земельные участки</span></li><li><input type="radio" name="parent" value="355" data-name="garages-and-parking-spaces" placeholder="Гаражи и машиноместа"> <span>Гаражи и машиноместа</span></li><li><input type="radio" name="parent" value="356" data-name="commercial-property" placeholder="Коммерческая недвижимость"> <span>Коммерческая недвижимость</span></li><li><input type="radio" name="parent" value="357" data-name="property-abroad" placeholder="Недвижимость за рубежом"> <span>Недвижимость за рубежом</span></li>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="345" data-name="construction-and-repair" placeholder="Строительство и ремонт"> <span>Строительство и ремонт</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="346" data-name="materials" placeholder="Стройматериалы"> <span>Стройматериалы</span></li><li><input type="radio" name="parent" value="337" data-name="tools" placeholder="Инструменты"> <span>Инструменты</span></li><li><input type="radio" name="parent" value="347" data-name="lumber" placeholder="Пиломатериалы"> <span>Пиломатериалы</span></li><li><input type="radio" name="parent" value="348" data-name="machines" placeholder="Станки"> <span>Станки</span></li>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="335" data-name="for-the-home-and-garden" placeholder="Для дома и дачи"> <span>Для дома и дачи</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="336" data-name="door" placeholder="Двери"> <span>Двери</span></li><li><input type="radio" name="parent" value="339" data-name="fireplaces-and-heaters" placeholder="Камины и обогреватели"> <span>Камины и обогреватели</span></li><li><input type="radio" name="parent" value="340" data-name="the-windows-and-balconies" placeholder="Окна и балконы"> <span>Окна и балконы</span></li><li><input type="radio" name="parent" value="341" data-name="ceilings" placeholder="Потолки"> <span>Потолки</span></li><li><input type="radio" name="parent" value="342" data-name="garden-machinery" placeholder="Садовая техника"> <span>Садовая техника</span></li><li><input type="radio" name="parent" value="343" data-name="plumbing-and-sauna" placeholder="Сантехника и сауна"> <span>Сантехника и сауна</span></li><li><input type="radio" name="parent" value="344" data-name="plants" placeholder="Растения"> <span>Растения</span></li>
                		            </ul>
                		        </div><li><input type="radio" name="parent" value="322" data-name="trucks-and-buses" placeholder="Грузовики и спецтехника"> <span>Грузовики и спецтехника</span></li><div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                		            <ul class="radio">
                		                <li><input type="radio" name="parent" value="320" data-name="buses" placeholder="Автобусы"> <span>Автобусы</span></li><li><input type="radio" name="parent" value="307" data-name="motorhomes" placeholder="Автодома"> <span>Автодома</span></li><li><input type="radio" name="parent" value="323" data-name="cranes" placeholder="Автокраны"> <span>Автокраны</span></li><li><input type="radio" name="parent" value="324" data-name="bulldozers" placeholder="Бульдозеры"> <span>Бульдозеры</span></li><li><input type="radio" name="parent" value="325" data-name="trucks" placeholder="Грузовики"> <span>Грузовики</span></li><li><input type="radio" name="parent" value="326" data-name="municipal-engineering" placeholder="Коммунальная техника"> <span>Коммунальная техника</span></li><li><input type="radio" name="parent" value="327" data-name="easy-transport" placeholder="Лёгкий транспорт"> <span>Лёгкий транспорт</span></li><li><input type="radio" name="parent" value="328" data-name="loaders" placeholder="Погрузчики"> <span>Погрузчики</span></li><li><input type="radio" name="parent" value="329" data-name="trailers" placeholder="Прицепы"> <span>Прицепы</span></li><li><input type="radio" name="parent" value="330" data-name="agriculture" placeholder="Сельхозтехника" checked="checked"> <span>Сельхозтехника</span></li><li><input type="radio" name="parent" value="331" data-name="construction-equipment" placeholder="Строительная техника"> <span>Строительная техника</span></li><li><input type="radio" name="parent" value="332" data-name="equipment-for-logging" placeholder="Техника для лесозаготовки"> <span>Техника для лесозаготовки</span></li><li><input type="radio" name="parent" value="333" data-name="tractors" placeholder="Тягачи"> <span>Тягачи</span></li><li><input type="radio" name="parent" value="334" data-name="excavators" placeholder="Экскаваторы"> <span>Экскаваторы</span></li>
                		            </ul>
                		        </div>
                		            </ul>
                		        </div>
            		    </div>
            		</div>
              Евгений Webinmd
              29 июля 2016, 15:29
              0
              это то КАК НАДО вывести?
                Андрей Копп
                29 июля 2016, 15:32
                0
                Нет, надо так:

                <div class="board-rubrics">
                		    <div class="row">
                <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                    		            <ul class="radio">
                    		                <li><input type="radio" name="parent" value="338" data-name="real-estate" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		            </ul>
                    		        </div>
                                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                    		            <ul class="radio">
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		            </ul>
                    		        </div>
                                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                    		            <ul class="radio">
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		            </ul>
                    		        </div>
                                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                    		            <ul class="radio">
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		                <li><input type="radio" name="parent" value="338" placeholder="Недвижимость"> <span>Недвижимость</span></li>
                    		            </ul>
                    		        </div>
                		    </div>
                </div>
                Я кажется понял свою ошибку, мне нужно меню немного переделать. Вообщем нужно сделать меню выбора категории как на авито www.avito.ru/additem
                  Евгений Webinmd
                  29 июля 2016, 15:36
                  0
                  хорошо, давайте еще скрин дерева ресурсов.
                  А то непонятно что там и где
                    Андрей Копп
                    29 июля 2016, 15:39
                    0
                      Евгений Webinmd
                      29 июля 2016, 15:44
                      0
                      да, меню надо будет переделать. То что в верстке и то что в дереве немного разные вещи.
                      По дереву выходит что должны быть вложенность пунктов меню, у вас в верстке всё рядом. Но по макету вашему такое сделать не сложно. Надо только верстку переделать
                      Евгений Webinmd
                      29 июля 2016, 15:47
                      0
                      <ul>
                          <li><a href="">Транспорт</a></li> 
                          <li>
                              <a href="">Недвижимость</a>
                              <ul>
                                  <li><a href="">Квартира</a></li>
                                  <li>
                                      <a href="">Дом</a>
                                      <ul>
                                          <li><a href="">Продаю </a></li>
                                          <li><a href="">Покупаю</a></li>
                                          <li><a href="">Сдаю</a></li>
                                      </ul>
                                  </li>
                              </ul>
                          </li>
                      </ul>
                      Андрей Копп
                      29 июля 2016, 17:43
                      0
                      Сколько будет стоить сделать такое под Tickets для доски объявлений? Нужно сделать под bootstrap, чтобы сохранилась адаптивность по этому и блоки нужно именно те вставлять. А при выборе конечного документа форма бы сворачивалась и сверху была ссылка Выбрана категория: Недвижимость / Квартира / Куплю а при нажатии на неё открывалась форма выбора.
                      Евгений Webinmd
                      29 июля 2016, 19:30
                      0
                      я взяться не смогу, времени нету, отпуск на носу
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
14