Bootstrap dropdown-menu в три колонки

Доброго вечера, Василий!
Необходим совет сэнсэя :)

Задумала выпадающее меню в три колонки, как у mvideo.ru.
Делаю на основе примеров выпадающего меню bootstrap:

<div class="bs-docs-example-submenus">
    <div class="dropdown clearfix">
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
[[!Wayfinder?
  &outerTpl=`tpl.CatalogDD.outer`
  &rowTpl=`tpl.CatalogDD.row`
  &innerRowTpl=`tpl.CatalogDD.row.inner`
  &parentRowTpl=`tpl.CatalogDD.row.parent`
  &startId=`2`
]]
        </ul>
    </div>
</div>
Пока в мою голову пришло только такое решение:
из одной строки и трех колонок, внутренние границы ячеек — рисовать, в каждой ячейке свой вызов wayfinder с перечислением parent.
Я таблицы сама не люблю… но блоки у меня, почему-то не «обтекаются» в dropdown.
Еще я нашла http://orbita.exitstudio.ru/blog/modx/7.html. Но вы говорили, что нужно логику от содержания отделять… а там и теги и echo…Вообщем, я вся в сомнениях…
Никулина Наталья
Никулина Наталья
16 декабря 2012, 18:16
modx.pro
3 787
0

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

Никулина Наталья
Никулина Наталья
16 декабря 2012, 22:25
0
упс! не все отправилось…

так вот

Пока в мою голову пришло только такое решение:
table из одной строки и трех колонок, внутренние границы ячеек — рисовать, в каждой ячейке свой вызов wayfinder с перечислением parent.

Я таблицы сама не люблю… но блоки у меня, почему-то не «обтекаются» в dropdown.

Еще я нашла http://orbita.exitstudio.ru/blog/modx/7.html. Но вы говорили, что нужно логику от содержания отделять… а там и теги и echo…

Вообщем, я вся в сомнениях…
    Denys Butenko
    Denys Butenko
    16 декабря 2012, 23:20
    0
    А что не получается расставить условия для срабатывания dropdown?
    С точки зрения стилей все просто. Вот пример jsFiddle dropdown в три уровня
      Denys Butenko
      Denys Butenko
      16 декабря 2012, 23:23
      0
      Заново прочитал вопрос, не о том подумал.
        Никулина Наталья
        Никулина Наталья
        16 декабря 2012, 23:38
        0
        малой кровью мне, видимо, не обойтись…
        спасибо в любом случае :)
        подождем, что Василий скажет :)
      Николай
      Николай
      17 декабря 2012, 03:05
      0
      Тут вам нужен свет верстальщика а не программиста )
        Николай
        Николай
        17 декабря 2012, 03:11
        0
        Важна структура докуменов на сайте и поведение блоков в меню

        Вариант…

        Родитель
        ,,,, Пункт 1
        ,,,, Пкнкт 2
        … Пункт 3
        ,,,, Пункт 1
        ,,,, Пкнкт 2
        … Пункт 3

        Вариант вижу только такой что подгонять заполнение структуры под внешний вид меню пункт 1 у вас будит столбцом в меню как только место в отображаемом блоке меню заполнено заполняете следующий
          Николай
          Николай
          17 декабря 2012, 03:14
          0
          получается 3 уровня вложенности документов надеюсь понятно
            Никулина Наталья
            Никулина Наталья
            17 декабря 2012, 08:30
            0
            не хочу показаться дерзкой… :-[
            но для каталога минишопа это не вполне удачный вариант. там родитель суть организующая, а не номинальная характеристика…
            или я не достаточно широко мыслю :)
        Николай
        Николай
        17 декабря 2012, 15:14
        0
        я вам родителя и привел как организующую харрактеристику
        а выводить вам его или нет уже вашь выбор есть настроки игнорировать каталоги есть настроки показывать скрытое есть настройки показывать родителя

        есть ультимейт перент в конце концов ))

        я еще раз говорю тут вопрос организации структуры каталогов и верстки в основном
        Никулина Наталья
        Никулина Наталья
        17 декабря 2012, 15:34
        0
        говорите убедительно) это не может не заставить задуматься :)
        просто я таких финтов ушами в верстке еще не встречала…
        а за монитором не видно, с кем я имею честь — с профессионалом или, пардон, фантазером ;)
          Илья Уткин
          Илья Уткин
          20 декабря 2012, 11:10
          0
          Попробуйте посмотреть, как я сделал на сайте kids-size.ru/

          Там вся организация расположения меню в css, а в коде меню выглядит так:

          <nav>
[[Wayfinder? &startId=`12`]]
</nav>
            Никулина Наталья
            Никулина Наталья
            20 декабря 2012, 13:37
            0
            Илья, спасибо)
            пощелкала по стилям в хроме, в принципе, заберусь :) я чуть-чуть сообразительная…
            думаю, за помощью, если вдруг ;), можно будет обратиться?
            Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
            13