Меню, с выпадающим списком.

Добрый день! никак не получается разобраться.
Имеется шаблон меню:

<ul class="nav navbar-nav">
      
        <li class="dropdown"><a href="#" class="dropdown-toggle js-activated">111</a>
          <ul class="dropdown-menu">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
          </ul>
        </li>
		
        <li class="dropdown"><a href="#" class="dropdown-toggle js-activated">222</a>
          <ul class="dropdown-menu">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
          </ul>
        </li>
        <li class="dropdown"><a href="#" class="dropdown-toggle js-activated">333</a>
          <ul class="dropdown-menu">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
          </ul>
        </li>

      </ul>

Пытаюсь вывести его с помощью чанка:

<ul class="nav navbar-nav">
[[pdoMenu? 
&level=`2` 
&parents=`0` 
&resources=`19,8,7,11` 
&outerClass=`nav navbar-nav` 
&hereClass=`dropdown-toggle js-activated`

&firstClass=`dropdown` 
&lastClass=`dropdown`
]]
      </ul>

Никак не выводится выпадающее меню, может быть класс какой не указал? Подскажите, пожалуйста!

Александр

24 июня 2015, 13:50

5 591

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

Павел Романов

24 июня 2015, 17:21

Если у Вас выводится в код именно так, как указано, то в CSS-файле пропишите:

.navbar-nav .dropdown .dropdown-menu {display:none;}
.navbar-nav .dropdown:hover .dropdown-menu {display:block;}

Александр

26 июня 2015, 10:37

Не помогло(

Павел Романов

26 июня 2015, 10:52

Можно ссылку на сайт?

Александр

26 июня 2015, 11:17

он на денвере(
вот код который на самой странице сайта, и он не соответствует шаблонному коду.

<ul class="nav navbar-nav">
    ::before
    <li class="dropdown">
        <a href="company/"></a>
    </li>
    <li>
        <a href="corporate/"></a>
    </li>
    <li>
        <a href="individ/"></a>
    </li>
    <li class="dropdown"></li>
    ::after
</ul>

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

Павел Романов

26 июня 2015, 11:26

У Вас указаны ресурсы, которые нужно выводить:

&resources=`19,8,7,11`

Он и выводит только их. То есть четыре штуки и никаких подменю и т. д.
Если нужно что-то исключить, то лучше используйте:

&resources=`-ID,-ID,-ID`

или отключайте видимость в меню в настройках самих ресурсов.

Такой вызов что выводит?

[[pdoMenu? 
&level=`2` 
&parents=`0` 
&outerClass=`nav navbar-nav` 
&hereClass=`dropdown-toggle js-activated`
&firstClass=`dropdown` 
&lastClass=`dropdown`
]]

Александр

26 июня 2015, 11:44

Да, действительно! Вы оказались правы. Вывелись все подкатегории. Но без применения css.

<ul class="nav navbar-nav">

    ::before
    <ul class="nav navbar-nav">
        ::before
        <li class="dropdown">
            <a href="company/"></a>
            <ul class="">
                <li class="dropdown">
                    <a href="company/licenses/"></a>
                </li>
                <li class="dropdown">
                    <a href="company/about/"></a>
                </li>
            </ul>
        </li>
        <li>
            <a href="corporate/"></a>
            <ul class=""></ul>
        </li>
        <li>
            <a href="individ/"></a>
            <ul class=""></ul>
        </li>
        <li class="dropdown"></li>
        ::after
    </ul>
    ::after

</ul>

Павел Романов

26 июня 2015, 11:55

Тогда сделайте в CSS так:

.navbar-nav .dropdown ul {display:none;}
.navbar-nav .dropdown:hover ul {display:block;}

B уберите дублирование:

<ul class="nav navbar-nav">
.....
</ul>

Александр

26 июня 2015, 12:08

Заработало, спасибо!!! Стало показываться всплывающее меню…
Но только почему то для первого пункта меню, для остальных не показывается. (
изменил чанк

[[pdoMenu? 
&level=`2` 
&parents=`0` 
&resources=`-1, -12` 
&outerClass=`nav navbar-nav` 
&firstClass=`dropdown` 
&lastClass=`dropdown`
&hereClass=`dropdown-toggle js-activated`
&innerClass=`dropdown-menu`
]]

Александр

26 июня 2015, 12:25

Т.е. получается для первого и последнего меню, т.к. для них заданы

&firstClass=`dropdown` 
&lastClass=`dropdown`

а как для остальных задать?

Александр

26 июня 2015, 12:28

В общем Спасибо большое!!!
Разобрался, поменял

&firstClass=`dropdown` 
&lastClass=`dropdown`

на

&rowClass=`dropdown`

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

Меню, с выпадающим списком.

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

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