Меню каталога из разделов на основе компонента catalog.sections.list
Cтоит задача натянуть верстку. Нужно из компонента catalog.section.list, но проблема в том что, там всего 2 уровня и верстка без классов. А у меня прям сложная верстка и в этот компонент он не войдет. Возможно есть какие готовые нароботки для этих дел?
Верстку прикладываю (все верстку крепить не стал, но вид ее такой, лишние пункт удалил).
<div class="catalog-menu catalog__menu">
<ul class="catalog-menu__list">
<li class="catalog-menu__item">
<a class="catalog-menu__link is-dropdown" href="#">
<img class="catalog-menu__img" src="assets/img/general/catalog/1.png" alt=""><span>Автомасла</span>
</a>
<div class="catalog-menu__drop">
<div class="catalog-menu__drop-grid">
<div class="catalog-menu__drop-col">
<ul class="catalog-menu__drop-list">
<li class="catalog-menu__drop-item">
<a class="catalog-menu__drop-link" href="#">
Масла Mobil
</a>
<div class="catalog-menu__drop-col">
<ul class="catalog-menu__drop-list">
<li class="catalog-menu__drop-item">
<a class="catalog-menu__drop-link" href="#">Масла Mobil </a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="catalog-menu__item">
<a class="catalog-menu__link is-dropdown" href="#">
<img class="catalog-menu__img" src="assets/img/general/catalog/1.png" alt=""><span>Автомасла</span>
</a>
<div class="catalog-menu__drop">
<div class="catalog-menu__drop-grid">
<div class="catalog-menu__drop-col">
<ul class="catalog-menu__drop-list">
<li class="catalog-menu__drop-item">
<a class="catalog-menu__drop-link" href="#">Масла Mobil </a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="catalog-menu__item">
<a class="catalog-menu__link" href="#">
<img class="catalog-menu__img" src="assets/img/general/catalog/2.png" alt=""><span>Животноводческое оборудование</span>
</a>
</li>
</ul>
</div>