Как сделать трехуровневое меню на bootstrap 3 для шаблона Wordpress (Halt! Ненависть!)?

Question

[Дмитрий dimafrontdev]

Добрый день, коллеги.
Перепробовал все ведра и костыли, и поэтому решил обратиться за помощью к вам, ибо начинаю тихо ненавидеть в CMS Wordpress многоуровневые меню.
Ну, от слов к делу:
ТЗ:
дано:
-CMS Wordpress
-bootstrap 3

задача:

БЕЗ плагинов, ручками, на bootstrap 3 сделать трехуровневое меню (то есть из горизонтального меню выпадает 2 уровень подменю, а ИЗ выпавшего подменю выпадает еще один 3(!) уровень).

По факту надо интегрировать подобное:
https://bootsnipp.com/user/snippets/2e08x

Чего я добился:

я интегрировал верстку, похожую на пример сниппета, но уровень три (на примере снипета уровни с текстом
Action [Menu 1.2]
Dropdown [Menu 1.2]

не выпадывают?

памагите, плиз. ,А то я уже киплю:)

Если рассматривался где вопрос-киньте ссылку.
На туториал.
Видео.

Копание Гугл и Яндекса, Ютуб, помогло только для интеграции двухуровней.
Не понимаю, где я недоделал.

Answer 1

[alex-1917]

Вот так что ли?

удалено

В итоге что не получается, не ясно!! Вообще ничего не выпадает??
Вот это есть? - 'depth' => 4,

Comments

[Дмитрий dimafrontdev]

да, именно такое меню. Почти точь в точь. Где кодик найти?

[alex-1917]

Дмитрий авамзачем, так в чем вопрос-то? не выпадает ни один уровень? Или не выпадает третий уровень? или он не появляется вообще? Или выпадает все как надо , но хрень-набекрень, улица Пушкина, дом Колотушкина? ))

[Дмитрий dimafrontdev]

alex-1917, у меня примерно такая верстка
https://bootsnipp.com/user/snippets/2e08x
при интеграции не выпадает уровень 3
то есть выпадает только подменю, а из подменю ничего не выпадает.
в этом проблема

[alex-1917]

Дмитрий авамзачем, дело в том что у меня все сделано без всяких валкеров и подобной чешуи!!)))
Вот рабочий код, ничего необычного:

wp_nav_menu( array(
	'theme_location' => 'header_menu',
	'menu_id'        => 'ul-drop',
	'container' => false,
	'depth'           => 4,
	'link_before'     => '<span>',
	'link_after'      => '</span><span class="menu_toggler"></span>',
) );

Так и не услышал ответа на вопрос - ТРЕТИЙ уровень выводится на фронте или нет???!!! Вопрос не про то ВЫПАДАЕТ ИЛИ НЕТ, а ВЫВОДИТСЯ ЛИ вообще, пусть и в скрытом виде. Мне кажется, загвоздка в CSS+JS, а не во всяких валкерах)))
Просто давно надо было дать ссылку, какой-бы не был секретный сайт, сидеть и сосать лапу можно довольно долго.... Ну или кусок исходного кода...

[alex-1917]

Дмитрий авамзачем, а чо-то и на примере нет третьего уровня.... а-а-а, там логиниться надо.. ну молодец, хороший пример дал)))

[Дмитрий dimafrontdev]

alex-1917, оказалось решением проблемы проверка JS.

Answer 2

[Max Medar]

Что конкретно вы делали и на чем спотыкнулись? У бутстрапа разве по дефолту рабтает третий уровень?

Задаете для меню кастомный walker, чтобы привести его к бутстраповскому. А поведения третего уровня уже сами описываете на css/js.

Comments

[Дмитрий dimafrontdev]

сложный вопрос, никогда 3ур меню не доводилось делать))
попробую ваш вариант

[Max Medar]

Дмитрий авамзачем, можно же скопипастить из вашего сниппета.

[Дмитрий dimafrontdev]

Max Medar, интеграция интересует ее.
сама верстка работает прекрасно, но при интеграции выпадает только 1 уровень,
а надо все
как тут: https://bootsnipp.com/user/snippets/2e08x

Answer 3

[Орхан Гасанлы]

Здравствуйте!
А не искали в сети? Прсто, есть несколько вариантов, нужно попробовать.
Например - https://github.com/jeffmould/multi-level-bootstrap...
Walker с многоуровневым меню для бустрап

А вот похожий вопрос с решением на англ - https://wordpress.stackexchange.com/questions/2526...

А вот и готовое решение (правда, все же придется валкер прикрутить) - https://bootsnipp.com/snippets/featured/multi-leve...

Comments

[Дмитрий dimafrontdev]

спасибо, покурю...
пока не получается прикрутить на Вордпресс.
На верстке 3 уровень меню работает.