Помогите с менюшкой, пожалуйста, совсем запутался.
Внедряю меню Bootstrap 4. Сложность в том, что вложенные меню теперь в div:
<ul class="nav nav-pills servicemenu">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Сервис</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Сервис1</a>
<a class="dropdown-item" href="#">Сервис2</a>
<a class="dropdown-item" href="#">Сервис3</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Ну и еще какой-то</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Акции</a>
</li>
</ul>
Т.е. видим, что часть в ul/li, а вложенные менюшки в div.dropdown-menu/div.dropdown-item. Нашел место, где начинается вложенное меню:
if ($item->deeper)
{
echo '<ul class="nav-child unstyled small">';
}
Заменил на
echo '<div class="dropdown-menu">';
И, я так понимаю, еще
elseif ($item->shallower)
{
echo '</li>';
echo str_repeat('</div></li>', $item->level_diff);
}
так нужно добавить.
Но внутренние-то элементы не li, а div class="dropdown-item"!
И вот их я найти-то и не могу.
Помогайте, пожалуйста, руки опускаются...