59 lines
3.2 KiB
PHP
59 lines
3.2 KiB
PHP
<div class="menu__item menu__item--has-children d-lg-none">
|
|
|
|
<a href=#" class="d-flex align-items-center px-lg-7">
|
|
<span>{{ $category->name }}</span>
|
|
@include('web.themes.shella.layouts.additional.navigation.dropdown-icons')
|
|
</a>
|
|
|
|
<div class="menu__megamenu d-lg-none position-lg-absolute">
|
|
<div class="container py-lg-40">
|
|
<div class="menu__grid menu__list menu__level-02 row">
|
|
|
|
<div class="menu__item menu__back d-lg-none">
|
|
<a href="{{ route('web.categories.products', ['category' => $category]) }}">{{ $category->name }}</a>
|
|
</div>
|
|
|
|
@if($category->children)
|
|
@foreach($category->children as $level_2_category)
|
|
<div class="menu__item menu__item--has-children col-lg-3">
|
|
|
|
<a href="index.html" class="menu__title d-flex align-items-center mb-lg-10">
|
|
<span>{{ $level_2_category->name }}</span>
|
|
<i class="d-lg-none ml-auto">
|
|
<svg aria-hidden="true" focusable="false"
|
|
role="presentation" class="icon icon-theme-231"
|
|
viewBox="0 0 24 24">
|
|
<path d="M10.806 7.232l3.75 3.75c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-3.75 3.75a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .877.877 0 0 1-.215-.127.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l3.32-3.301L9.907 8.13a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.058.45.176z"/>
|
|
</svg>
|
|
</i>
|
|
</a>
|
|
|
|
<div class="menu__list menu__level-03 row">
|
|
<div class="menu__item menu__back d-lg-none">
|
|
<a href="{{ route('web.categories.products', ['category' => $level_2_category->slug]) }}">{{ $level_2_category->name }}</a>
|
|
</div>
|
|
<div class="col-lg">
|
|
<div class="menu__list--styled">
|
|
@if($level_2_category->children)
|
|
@foreach($level_2_category->children as $level_3_category)
|
|
<div class="menu__item">
|
|
<a href="{{ route('web.categories.products', ['category' => $level_3_category->slug]) }}" class="d-flex align-items-center px-lg-5">
|
|
<span>{{ $level_3_category->name }}</span>
|
|
</a>
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|