Может пригодиться BOOTSTRAP Wayfinder

Может не в тему.
Но наверно пригодится кому.
РЕШЕНО для многоуровневого верхнего меню bootstrap (Sub menus on dropdowns)
Wayfinder — 2 только 2 чанка

[[Wayfinder?                   
&startId=`0`
&level=`3`
	&outerClass=`nav`
	&innerClass=`dropdown-menu`
	&rowTpl=`tpl.Wayfinder.row`
	&innerRowTpl=`tpl.Wayfinder.submenu`
]]

Tpl=`tpl.Wayfinder.row` — без изменений

<li class="[[+wf.classnames]][[+wf.isfolder:is=`1`:then=` dropdown`]]">
	<a href="[[+wf.isfolder:is=`1`:then=`#`:else=`[[+wf.link]]`]]"
    	title="[[+wf.title]]" [[+wf.isfolder:is=`1`:then=`class="dropdown-toggle" data-toggle="dropdown"`]] 
    	[[+wf.attributes]]>[[+wf.linktext]] [[+wf.isfolder:is=`1`:then=`<b class="caret"></b>`]]
    </a>
	[[+wf.wrapper]]
</li>

`tpl.Wayfinder.submenu`:

<li class="dropdown-submenu"><a href="[[+wf.link]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

Дмитрий Зубков

13 ноября 2012, 10:56

4 875

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

Дмитрий Зубков

13 ноября 2012, 15:15

только не пойму как если &level ограничен (&level=`3`) и последний уровень=категория то как у неё class=«dropdown-submenu» отнять чтоб стрелочка не появлялась.
а то такая проблемка
верхнее меню Navbar: Каталог >> Радиостанции >> ...

Дмитрий Зубков

13 ноября 2012, 15:37

Всё решил!
оказывается к level можно обращаться как к свойству
В моём случае tpl.Wayfinder.submenu сработал так:

<li class="[[+wf.level:is=`2`:then=`dropdown-submenu`:else=``]]"><a href="[[+wf.link]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

Дмитрий Зубков

13 ноября 2012, 16:08

последний вариант tpl.Wayfinder.submenu

<li [[+wf.level:is=`2`:then=`class="dropdown-submenu"`]]><a href="[[+wf.link]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

Алексей

11 декабря 2015, 15:44

Добрый день, Дмитрий.
Сделал как вы написали, но у меня тем не менее class=«dropdown-submenu» добавляется ко всем пунктам второго уровня и соответственно везде появляются каретки, даже на тех пунктах что не имеют наследников третьего уровня. Правда я немного изменил чанк, чтоб меню третьего уровня открывалось по клику, а не по ховеру.

<li [[+wf.level:is=`2`:then=`class="dropdown-submenu"`]]><a href="[[+wf.link]]" [[+wf.isfolder:is=`1`:then=`class="dropdown-toggle" data-toggle="dropdown"`]] [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

Но и без изменений class=«dropdown-submenu» добавляется ко всем пунктам
Подскажите что не так.
Спасибо.

Максим Франц

14 ноября 2012, 06:21

Большое спасибо!
По поводу вертикальных и горизонтальных divider не думали еще? Вертикальные в основном меню без проблем, а вот для горизонтальных приходится создавать дополнительные ресурсы, что как-то не очень красиво.

Дмитрий Зубков

14 ноября 2012, 11:09

Ну думаю примерно можно так:
1. Знать id ресурсов перед которыми хочется поставить divider и включить в
tpl.Wayfinder.submenu такое условие через PHX:

[[*id:is=`[[~id_X]]`:then=``]]

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

попробуйте, отпишите

Дмитрий Зубков

14 ноября 2012, 11:11

торопился теги вырезало. Вот так:

[[*id:is=`[[~id_X]]`:then=`<li class="divider"></li>`]]

Максим Франц

14 ноября 2012, 11:21

Я сделал так bezumkin.ru/help/17/
вечером попробую Ваш вариант.

Дмитрий Зубков

14 ноября 2012, 11:48

Вот так у меня сработало

[[+wf.docid:is=`8057`:then=`<li class="divider"></li>`]]
<li [[+wf.level:is=`2`:then=`class="dropdown-submenu"`]]><a href="[[+wf.link]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>

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