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

si@m

  • Захожу иногда
  • 156
  • 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

  • Захожу иногда
  • 101
  • 12 / 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

  • Захожу иногда
  • 156
  • 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

  • Захожу иногда
  • 101
  • 12 / 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

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

si@m

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

recaptcha для модуля

Автор web3.0

Ответов: 2
Просмотров: 556
Последний ответ 17.05.2021, 08:35:53
от sivers
Плагин превьюшек mAvik Thumbnails 2 - версия для Joomla 3

Автор mavik

Ответов: 588
Просмотров: 72148
Последний ответ 16.05.2021, 12:57:48
от mavik
Bootstrap 3: Carousel, Collapse, tabs, video

Автор leo78

Ответов: 3
Просмотров: 202
Последний ответ 31.10.2020, 11:26:09
от leo78
Плагин Extra Vote для Joomla 2.5/3.х v2.5.8

Автор leo78

Ответов: 8
Просмотров: 3076
Последний ответ 07.04.2020, 12:47:14
от sbakur
Установка owl carousel 2 на Joomla 3

Автор kfdz

Ответов: 0
Просмотров: 443
Последний ответ 18.02.2020, 10:56:48
от kfdz