Форумчане помогите вывести меню 3 уровня в категориях

[web312]

Всем привет друзья нужен помощь надо сделать 3уровень  меню открывающимсякак на фото помогите куча рещений смотрелно они не поххожи 
ссылка на сайт http://demo.eweb12.beget.tech/

[web312]

menu (1).twigmenu (1).php

[web312]

Я знаком базово но не силен помогите осушествит этот момент форумах искад везде решение не нашель

 

[Dimasscus]

4 минуты назад, web312 сказал:

Я знаком базово но не силен помогите осушествит этот момент форумах искад везде решение не нашель

 

Если не знаете как сделать и 100500 тем где это разбирается не помогли- купите модуль меню с таким выводом и установите

[web312]

24 минуты назад, Dimasscus сказал:

Если не знаете как сделать и 100500 тем где это разбирается не помогли- купите модуль меню с таким выводом и установите

К сожалению модуль не подошло тема другая я искал модуль не нашел

[Dimasscus]

4 минуты назад, web312 сказал:

К сожалению модуль не подошло тема другая я искал модуль не нашел

Тогда вам дорогав платные услуги

[Ptenec]

1 час назад, web312 сказал:

Всем привет друзья нужен помощь надо сделать 3уровень  меню открывающимсякак на фото помогите куча рещений смотрелно они не поххожи 
ссылка на сайт http://demo.eweb12.beget.tech/
 

просто пример 
 

		foreach ($categories as $category) {
			if ($category['top']){
				$children_data = array();
				$children = $this->model_catalog_category->getCategories($category['category_id']);

				foreach($children as $child) {
					$filter_data = array('filter_category_id' => $child['category_id'], 'filter_sub_category' => true);

			        $children_data_child = array();
					$children_child = $this->model_catalog_category->getCategories($child['category_id']);
					  foreach ($children_child as $child_3) {
						$data_child_3 = array(
						  'filter_category_id'  => $child_3['category_id'],
						  'filter_sub_category' => true
						);

						$children_data_child[] = array(
						  'name'  => $child_3['name'],
						  'href'  => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'] . '_' . $child_3['category_id'])
						);
					  }
					  
					$children_data[] = array(
						'category_id' => $child['category_id'],
						'children' => $children_data_child,
						//'name' => $child['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''),
						'name' => $child['name'],
						'href' => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
					);
				}
				
			$filter_data = array(
				'filter_category_id'  => $category['category_id'],
				'filter_sub_category' => true
			);

			$data['categories'][] = array(
				'category_id' => $category['category_id'],
				'thumb' => $this->model_tool_image->resize(($category['image']=='' ? 'no_image.png' : $category['image']), 20, 28),
				'name'        => $category['name'],
				'children'    => $children_data,
				'href'        => $this->url->link('product/category', 'path=' . $category['category_id'])
			);	
			}
		}

 

[buslikdrev]

.nav-sidebar__section a:hover + .nav-sidebar__submenu, .nav-sidebar__section a + .nav-sidebar__submenu:hover {
    opacity: 1;
    pointer-events: inherit;
    -webkit-transform: none;
    transform: none;
}
.nav-sidebar__submenu {
    display: table;
}
@media (min-width: 1200px) {
.nav-sidebar__section .has-submenu:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 1px #b3b6b7;
    border-right: solid 1px #b3b6b7;
    transition: all linear .2s;
    transform: translate(0, -50%) rotate(45deg);
    position: absolute;
    right: 2rem;
    top: 50%;
}
}

 

<nav id="menu" class="sidebar">
<ul class="nav-sidebar__list">
  <li class="nav-sidebar__section has-submenu">
    <a href="http://demo.eweb12.beget.tech/index.php?route=product/category&amp;path=20"><img src="http://demo.eweb12.beget.tech/image/cache/catalog/demo/compaq_presario-25x25.jpg" alt="Компьютеры" title="Компьютеры">Компьютеры</a>
    <div class="nav-sidebar__submenu">
      <div class="submenu-title">
        <a href="http://demo.eweb12.beget.tech/index.php?route=product/category&amp;path=20">Компьютеры</a>
      </div>
      <a href="http://demo.eweb12.beget.tech/index.php?route=product/category&amp;path=20_26" class="has-submenu">PC (0)</a>
      <div class="nav-sidebar__submenu">
        <div class="submenu-title">
          <a href="http://demo.eweb12.beget.tech/index.php?route=product/category&amp;path=20_26">PC</a>
        </div>
        <a href="http://demo.eweb12.beget.tech/index.php?route=product/category&amp;path=20_26">11111111</a>
        <a href="http://demo.eweb12.beget.tech/index.php?route=product/category&amp;path=20_27">22222222</a>
      </div>
      <a href="http://demo.eweb12.beget.tech/index.php?route=product/category&amp;path=20_27">Mac (1)</a>
    </div>
  </li>
</ul>
</nav>