pdoMenu - выпадающее меню в 2 колонки

Подскажите, как можно в горизонтальном меню вывести выпадающие при наведении пункты в 2,3 колонки через pdoMenu? Сейчас выводится только одна колонка.

Виктор Лобанов

30 мая 2016, 14:17

3 633

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

Евгений Webinmd

30 мая 2016, 18:46

А как вы в чистом html выводите в 2 колонки?

Виктор Лобанов

30 мая 2016, 23:09

Вот код на чистом html

<li class="dropdown dropdown-hover ">
            <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                      Blog <span class="caret"></span>
                    </a>
            <div class="dropdown-menu">
              <ul role="menu">
                <li><a href="blog-1.html">Blog Style 1</a></li>
                <li><a href="blog-2.html">Blog Style 2</a></li>
                <li><a href="blog-3.html">Blog Style 3</a></li>
              </ul>
              <ul role="menu">
                <li><a href="blog-post-1.html">Blog Post 1</a></li>
                <li><a href="blog-post-2.html">Blog Post 2</a></li>
                <li><a href="blog-post-3.html">Blog Post 3</a></li>
              </ul>
            </div>
</li>

хотелось бы добиться того, чтобы подменю автоматически разбивалось на такие блоки:

<ul role="menu">
        <li><a href="blog-1.html">Blog Style 1</a></li>
        <li><a href="blog-2.html">Blog Style 2</a></li>
        <li><a href="blog-3.html">Blog Style 3</a></li>
</ul>

например по 5 пунктов.

Евгений Webinmd

30 мая 2016, 23:40

Что мешает все подпункты выводить в одном ul и разбивать на колонки с помощью css?

Есть еще различные js плагины для разбития на колонки (jquery columnizer например )

Есть много параметров у pdoMenu для внутренних пунктов меню:
&tplParentRow
&tplInner

Виктор Лобанов

31 мая 2016, 11:46

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

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

pdoMenu - выпадающее меню в 2 колонки

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

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