Тема: Выпадающее меню выборки категорий.
Добрый день.
Огромная просьба – помогите пожалуйста. Хочу реализовать выпадающий список меню выборки категорий. Как например очень удобно сделано на onitochki.ru .
Не могу разобраться куда добавить $node, чтобы у категорий (.t-nav-catalog-list__dir .t-nav-catalog-list-block), у которых есть дочки вызывалось (.t-nav-catalog-list__dir .t-nav-catalog-list-block.node::after).
Пробывал с {foreach $node->getChilds() as $sub_node}
{$sub_dir = $sub_node->getObject()}
Но увы.....
{* Список категорий из 3-х уровней *}
{nocache}
{addjs file="libs/jquery.mmenu.min.js"}
{addcss file="libs/jquery.mmenu.css"}
{/nocache}
{if $dirlist}
<nav>
<ul class="nav navbar-nav">
{hook name="catalog-blocks-category-category:list-item" title="{t}Дополнительные пункты меню, в меню каталога{/t}"}
{foreach $dirlist as $dir}
<li class="{if $dir->getChildsCount()} t-dropdown{/if}" {$dir.fields->getDebugAttributes()}>
{* Первый уровень *}
<a class="batmencat" {$dir.fields->getDebugAttributes()} href="{$dir.fields->getUrl()}"><span> </span>{$dir.fields.name}</a>
{if $dir->getChildsCount()}
{* Второй уровень *}
<div class="t-dropdown-menu">
<div class="container-fluid drmen">
<div class="t-nav-catalog-list__inner">
<div class="t-close"><i class="pe-4x pe-7s-angle-left"></i></div>
<div class="t-nav-catalog-list__dir">
{foreach $dir.child as $subdir}
<div class="t-nav-catalog-list-block">
<a {$subdir.fields->getDebugAttributes()} href="{$subdir.fields->getUrl()}" class="t-nav-catalog-list-block__header">{$subdir.fields.name}</a>
{* Третий уровень *}
{if $subdir->getChildsCount()}
<div class="t-nav-catalog-sublist-block">
<ul class="t-nav-catalog-list-block__list">
{foreach $subdir.child as $subdir2}
<li><a {$subdir2.fields->getDebugAttributes()} href="{$subdir2.fields->getUrl()}" class="t-nav-catalog-list-block__link">{$subdir2.fields.name}</a></li>
{/foreach}
</ul>
</div>
{/if}
</div>
{/foreach}
</div>
</div>
</div>
</div>
{/if}
</li>
{/foreach}
<li class="second_item"><a href="http://tss.weberro.ru/">Главная</a></li>
<li class="second_item"><a href="/delivery/">Доставка</a></li>
<li class="second_item"><a href="/payment/">Оплата</a></li>
<li class="second_item"><a href="/optovikam/">Оптовикам</a></li>
<li class="second_item"><a href="/kontakty/">Контакты</a></li>
{/hook}
</ul>
</nav>
{* Мобильная версия каталога - 2 уровня *}
<nav id="mmenu" class="hidden">
<ul>
<li>
{moduleinsert name="\Catalog\Controller\Block\SearchLine" hideAutoComplete=true}
</li>
{hook name="catalog-blocks-category-category:list-item-mobile" title="{t}Доплнительные пункты меню, в меню каталога - мобильная версия{/t}"}
{foreach $dirlist as $dir}
<li>
<a href="{$dir.fields->getUrl()}">{$dir.fields.name}</a>
{if $dir->getChildsCount()}
<ul>
{foreach $dir.child as $subdir}
<li>
<a href="{$subdir.fields->getUrl()}">{$subdir.fields.name}</a>
</li>
{/foreach}
</ul>
{/if}
</li>
{/foreach}
<li class="second_item"><a href="http://tss.weberro.ru/">Главная</a></li>
<li class="second_item"><a href="/delivery/">Доставка</a></li>
<li class="second_item"><a href="/payment/">Оплата</a></li>
<li class="second_item"><a href="/optovikam/">Оптовикам</a></li>
<li class="second_item"><a href="/kontakty/">Контакты</a></li>
{* <div class="gen_telo">
<li class="up_telo"><a href="tel:89518468896">8-951-846-88-96</li>
<li class="mid_telo"><a href="tel:89185220222">8-918-522-02-22</li>
<li class="down_telo">пн-сб 10:00-20:00</li>
</div>
*}
{/hook}
</ul>
</nav>
{else}
<div class="col-padding">
{include file="%THEME%/block_stub.tpl" class="text-center white block-category" do=[
[
'title' => t("Добавьте категории товаров"),
'href' => {adminUrl do=false mod_controller="catalog-ctrl"}
]
]}
</div>
{/if}
