0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 444 Просмотров
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Поискал готовый модуль но не нашел подходящего.
В третьей версии bootstrap структура выпадающего меню выглядит так
Код
<ul>
<li>
<a>1 уровень</a>
<ul>
<li><a>2 уровень</a></li>
<li><a>2 уровень</a></li>
</ul>
</li>
<li><a>1 уровень</a></li>
</ul>
а в четвертой вот так
Код
<ul>
<li>
<a>1 уровень</a>
<div>
<a>2 уровень</a>
<a>2 уровень</a>
</div>
</li>
<li><a>1 уровень</a></li>
</ul>
Может кто то помочь отредактировать /html/mod_menu/default.php под bootstrap 4
*

v42bis

  • Захожу иногда
  • 132
  • 13 / 1
Попробуйте так:
Код
	// The next item is deeper.
if ($item->deeper)
{
// echo '<ul class="nav-child unstyled small">';
                echo '<div><ul class="nav-child unstyled small">';
}
// The next item is shallower.
elseif ($item->shallower)
{
echo '</li>';
//echo str_repeat('</ul></li>', $item->level_diff);
echo str_repeat('</ul></div></li>', $item->level_diff);
}

*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Попробуйте так:
Код
	// The next item is deeper.
if ($item->deeper)
{
// echo '<ul class="nav-child unstyled small">';
                echo '<div><ul class="nav-child unstyled small">';
}
// The next item is shallower.
elseif ($item->shallower)
{
echo '</li>';
//echo str_repeat('</ul></li>', $item->level_diff);
echo str_repeat('</ul></div></li>', $item->level_diff);
}


Спасибо что откликнулись! но получается несколько не то, по тому что в приведенном вами примере выходит так
Код
<ul>
<li>
<a>1 уровень</a>
<div><ul>
<li><a>2 уровень</a></li>
<li><a>2 уровень</a></li>
</div></ul>
</li>
<li><a>1 уровень</a></li>
</ul>
То есть вложенный <ul>  вы обворачиваете в <ul>, а нужно: вместо <ul> сделать <div> и убрать оставшийся <li> который оборачивает тег <a>, но так должно быть только в дочерних пунктах.
« Последнее редактирование: 25.03.2021, 16:57:25 от si@m »
*

v42bis

  • Захожу иногда
  • 132
  • 13 / 1
Код
<ul class="navbar-nav mr-auto menu">
<li class="nav-item item-104 dropdown parent">
<a href="#" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">item-1</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li class="nav-item item-119">
<a href="#" class="nav-link">item-1.1</a>
</li>
<li class="nav-item item-122">
<a href="#" class="nav-link">item-1.2</a>
</li>
</ul>
</li>
</ul>

http://SSMaker.ru/6e8ab53a/

Bootstrap v4.4.1
содержимое templates/template_name/html/mod_menu тут

Все работает, даже не добавляя div и не убирая разметку списка в подменю

*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Да, возможно работает, я вначале примерно так и сделал, но у меня в итоге должно быть примерно такое меню https://www.codeply.com/go/0QHWWNsMyI и без косяков у меня не получилось
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
В общем вопрос решен, нашел шаблон в котором уже есть переделанные файлы меню под Bootstrap v4 https://github.com/sniggle/joomla-bootstrap4-template
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль тегов Joes Word Cloud для Joomla 3

Автор ecolora

Ответов: 1
Просмотров: 223
Последний ответ 05.05.2022, 19:04:44
от ecolora
Плагин превьюшек mAvik Thumbnails 2 - версия для Joomla 3

Автор mavik

Ответов: 593
Просмотров: 77407
Последний ответ 05.12.2021, 12:24:10
от Yamamura
Вывод модуля средствами php с привязкой к пунтам меню

Автор Divn

Ответов: 4
Просмотров: 402
Последний ответ 29.08.2021, 17:02:04
от Divn
recaptcha для модуля

Автор web3.0

Ответов: 2
Просмотров: 794
Последний ответ 17.05.2021, 08:35:53
от sivers
Bootstrap 3: Carousel, Collapse, tabs, video

Автор leo78

Ответов: 3
Просмотров: 416
Последний ответ 31.10.2020, 11:26:09
от leo78