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

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

тоесть у нас по идее 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

1 705

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

Евгений Webinmd

28 июля 2016, 23:04

в &tplInner

Андрей Копп

28 июля 2016, 23:10

Пробовал через него, не работает. Показывает только дочерние документы контейнера с id 306, а дочерние дочерних не показывает(

Евгений Webinmd

29 июля 2016, 00:18

в tpl после закрывающего li надо wrapper вставлять

&tpl=`@INLINE <li><input type="radio" name="parent" value="[[+id]]" placeholder="[[+pagetitle]]" /> <span>[[+pagetitle]]</span></li>[[+wrapper]]`

Андрей Копп

29 июля 2016, 15:14

Да это понятно, только выводиться дочерние документы будут уже в блоке указанном и будет каша(

Евгений Webinmd

29 июля 2016, 15:18

а можете выложить куда-то полный код меню, а не только дочерних?
либо отправьте мне куда-то в приват

Андрей Копп

29 июля 2016, 15:26

Вот что сейчас выводится:

<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

это то КАК НАДО вывести?

Андрей Копп

29 июля 2016, 15:32

Нет, надо так:

<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

хорошо, давайте еще скрин дерева ресурсов.
А то непонятно что там и где

Андрей Копп

29 июля 2016, 15:39

Евгений Webinmd

29 июля 2016, 15:44

да, меню надо будет переделать. То что в верстке и то что в дереве немного разные вещи.
По дереву выходит что должны быть вложенность пунктов меню, у вас в верстке всё рядом. Но по макету вашему такое сделать не сложно. Надо только верстку переделать

Евгений Webinmd

29 июля 2016, 15:47

<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

Сколько будет стоить сделать такое под Tickets для доски объявлений? Нужно сделать под bootstrap, чтобы сохранилась адаптивность по этому и блоки нужно именно те вставлять. А при выборе конечного документа форма бы сворачивалась и сверху была ссылка Выбрана категория: Недвижимость / Квартира / Куплю а при нажатии на неё открывалась форма выбора.

Евгений Webinmd

29 июля 2016, 19:30

я взяться не смогу, времени нету, отпуск на носу

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

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

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

Здесь упомянуты