Перейти к содержанию
Гость

Настройка трехуровневого меню

Рекомендуемые сообщения

Гость

Добрый день, дорогие форумчане! Есть меню вот такого типа:

post-701734-0-01592600-1444762757_thumb.png

Нужно сделать подкатегории, которые идут списком, третьим уровнем меню.
Вот код меню:

<div class="container">
<div class="row menu-line">
<div class="col-sm-12 col-md-7 col-md-push-3"><?php echo $search; ?></div>
<div class="col-sm-6 col-sm-push-6 col-md-2 col-md-push-3"><?php echo $cart; ?></div>
<div class="col-sm-6 col-sm-pull-6 col-md-3 col-md-pull-9">
<?php if ($categories) { ?>
<nav id="menu" class="btn-group btn-block">
<button type="button" class="btn btn-danger btn-block dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bars"></i>
<?php echo $text_category; ?>
</button>
<ul id="menu-list" class="dropdown-menu">
<?php foreach ($categories as $category) { ?>
<?php if ($category['children']) { ?>
<li>
<span class="toggle-child">
<i class="fa fa-plus plus"></i>
<i class="fa fa-minus minus"></i>
</span>
<a class="with-child" href="<?php echo $category['href']; ?>">
<i class="fa fa-angle-right arrow"></i>
<?php echo $category['name']; ?>
</a>
<?php if ($category['column'] < 2) { ?>
<?php $col_class = 'col-md-12'; ?>
<?php $box_class = 'box-col-1'; ?>
<?php $cols_count = 1; ?>
<?php } elseif ($category['column'] == 2) { ?>
<?php $col_class = 'col-md-6'; ?>
<?php $box_class = 'box-col-2'; ?>
<?php $cols_count = 2; ?>
<?php } else { ?>
<?php $col_class = 'col-md-4'; ?>
<?php $box_class = 'box-col-3'; ?>
<?php $cols_count = 3; ?>
<?php } ?>
<div class="child-box <?php echo $box_class; ?>">
<div class="row">
<?php $i = 0; ?>
<?php foreach ($category['children'] as $child) { ?>
<div class="<?php echo $col_class; ?>">
<div class="child-box-cell">
<h5>
<?php if($child['children2']) {?>
<span class="toggle-child2">
<i class="fa fa-plus plus"></i>
<i class="fa fa-minus minus"></i>
</span>
<?php } ?>
<a href="<?php echo $child['href']; ?>" class="<?php if($child['children2']) {echo 'with-child2';}?>"><span class="livel-down visible-xs-inline">↳</span><?php echo $child['name']; ?></a></h5>
<?php if($child['children2']) {?>
<ul class="child2-box">
<?php foreach ($child['children2'] as $child2) { ?>
<li><a href="<?php echo $child2['href']; ?>"><span class="livel-down">↳</span><?php echo $child2['name']; ?></a></li>
<?php } ?>
</ul>
<?php } ?>
</div>
</div>
<?php $i++; ?>
<?php if (($i == $cols_count) &($i != 1)) { ?>
<div class="clearfix visible-md visible-lg"></div>
<?php $i = 0; ?>
<?php } ?>
<?php } ?>
</div>
</div>
</li>
<?php } else { ?>
<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
<?php } ?>
<?php } ?>
<?php if ($add_category_menu_toggle) {?>
<?php foreach ($add_category_menu as $item) { ?>
<li><a href="<?php echo $item['link'][$language_id]; ?>"><?php echo html_entity_decode($item['title'][$language_id], ENT_QUOTES, 'UTF-8'); ?></a></li>
<?php } ?>
<?php }?>
</ul>
</nav>
<div id="menuMask"></div>
<?php } ?>
</div>
</div>
</div>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.