<nav class="menu-nav-bar d-flex bg-body-tertiary border-bottom">
<a href=""
class="all-categories d-flex gap-2 justify-content-between align-items-center link-body-emphasis text-decoration-none text-uppercase text-black pr-2 fw-bold">
<div class="icon" style="width: 35px;">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" fill="currentColor" class="bi bi-list"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5" />
</svg>
</div>
All Categories
</a>
<nav class="all-categories-menus d-nonex">
<ul class="parent-category">
{% macro item(taxon) %}
{% import _self as macros %}
{% if taxon.isEnabled() %}
{% if taxon.children|length > 0 %}
<li class="nav-item xxx">
<a href="{{ path('sylius_shop_product_index', {'slug': taxon.slug, '_locale': taxon.translation.locale}) }}" class="text-black text-capitalize pl-4 sv d-block p-2" aria-current="page">{{ taxon.name }}</a>
<div class="sub-category d-nonex">
<div class="row">
<div class="col">
<a href="#" style="color:black!important; font-weight:bold;" class="text-black text-capitalize pl-4 d-block p-2 " aria-current="page">{{ taxon.name }}</a>
<ul class="">
{% for childTaxon in taxon.children %}
{{ macros.item(childTaxon) }}
{% endfor %}
</ul>
</div>
<div class="col">
<a href="#" style="color:black!important; font-weight:bold;" class="text-black text-capitalize d-block p-2" aria-current="page">Brands</a>
<ul>
<li class="nav-item p-1"><a href="">Pampers</a></li>
<li class="nav-item p-1"><a href="">Moun</a></li>
<li class="nav-item p-1"><a href="">Nurter</a></li>
<li class="nav-item p-1"><a href="">Carte</a></li>
<li class="nav-item p-1"><a href="">Qare</a></li>
</ul>
</div>
</div>
</div>
</li>
{% else %}
<li class="nav-item xxx">
<a href="{{ path('sylius_shop_product_index', {'slug': taxon.slug, '_locale': taxon.translation.locale}) }}" class="text-black text-capitalize pl-4 sz d-block p-2 "><img src="{{ asset('bootstrap-theme/images/lotion.png') }}" alt=""> {{ taxon.name }}</a>
</li>
{% endif %}
{% endif %}
{% endmacro %}
{% import _self as macros %}
{% if taxons|length > 0 %}
{% for taxon in taxons %}
{{ macros.item(taxon) }}
{% endfor %}
{% endif %}
</ul>
</nav>
</nav>