wip
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
<div
|
||||
id="categories-dropdown-container"
|
||||
class="c1p"
|
||||
v-show="! categories_dropdown_hidden"
|
||||
@mouseleave="hideCategoryDropdown()"
|
||||
style="display: none; max-height: calc(100vh - 300px);"
|
||||
>
|
||||
<div class="pc1">
|
||||
<div class="p1c" style="max-height:calc(100vh - 300px);">
|
||||
<div>
|
||||
@foreach($categories as $category)
|
||||
{{-- pc --}}
|
||||
<a target="_self"
|
||||
href="{{ route('web.categories.products', ['category' => $category->slug]) }}"
|
||||
|
||||
:class="{a4: true, o8c: true, c9o: true, o9c: true, pc: activeLinks['{{ $category->slug }}']}"
|
||||
@mouseenter="showCategoriesFor({{ $category->id }})"
|
||||
>
|
||||
<span class="oc9">{{ $category->name }}</span>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="oc6" style="max-height:calc(100vh - 300px);">
|
||||
<div class="o6c">
|
||||
<div class="co7">
|
||||
{{-- <a target="_self" href="https://www.ozon.ru/highlight/183670/" class="a4 o8c p0c">
|
||||
<span class="oc9">Best Home Brands</span>
|
||||
</a>
|
||||
<a target="_self" href="https://www.ozon.ru/category/dom-i-sad-14500/?isnew=t" class="a4 o8c p0c">
|
||||
<span class="oc9">Новинки</span>
|
||||
</a>
|
||||
<a target="_self" href="https://www.ozon.ru/category/dom-i-sad-14500/?isbest=t&price=400.000%3B1814500.000" class="a4 o8c p0c">
|
||||
<span class="oc9">Бестселлеры</span>
|
||||
</a>
|
||||
<a target="_self" href="https://www.ozon.ru/info/actions/?category=14500" class="a4 o8c p0c">
|
||||
<span class="oc9">Акции</span>
|
||||
</a> --}}
|
||||
</div>
|
||||
<div class="c8o">
|
||||
<div class="c7o">
|
||||
<div class="o7c oc7">
|
||||
<template v-for="category in categories_to_show.children">
|
||||
<div :class="{'o5c': true, 'mb-0': category.children.length < 1}">
|
||||
<a target="_self" :href="categoryShowRouteFor(category.slug)" class="a4 o8c cp0">
|
||||
<span class="oc9">@{{ category.name[locale] }}</span>
|
||||
</a>
|
||||
<div class="c6o">
|
||||
<template v-for="child_category in category.children">
|
||||
<a target="_self" :href="categoryShowRouteFor(child_category.slug)" class="a4 o8c c0p">
|
||||
<span class="oc9">@{{ child_category.name[locale] }}</span>
|
||||
</a>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="oc7 co8">
|
||||
{{-- <a target="_self" href="/brand/tefal-18819636/" class="a4 o8c co9" style="background-image: url(https://cdn1.ozone.ru/multimedia/wc100/1023444926.jpg);"></a> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,10 @@
|
||||
<i class="d-none d-lg-inline position-lg-relative">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-229" viewBox="0 0 24 24">
|
||||
<path d="M11.783 14.088l-3.75-3.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l3.301 3.32 3.301-3.32a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176.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 .841.841 0 0 1-.215-.127z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<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>
|
||||
@@ -0,0 +1,50 @@
|
||||
<div class="menu__item menu__item--has-children">
|
||||
|
||||
<a href=#" class="d-flex align-items-center px-lg-7">
|
||||
<span>Hello</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="#">Hello</a>
|
||||
</div>
|
||||
<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>Frontpage Layouts</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="index.html">Frontpage Layouts</a>
|
||||
</div>
|
||||
<div class="col-lg">
|
||||
<div class="menu__list--styled">
|
||||
|
||||
<div class="menu__item">
|
||||
<a href="index.html" class="d-flex align-items-center px-lg-5">
|
||||
<span>Home V1</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="menu__item ">
|
||||
<a href="http://bit.ly/2UXO8zH" class="d-flex align-items-center px-lg-7">
|
||||
<span>Buy Now!</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,58 @@
|
||||
<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>
|
||||
@@ -0,0 +1,8 @@
|
||||
<a href="search.html" class="header__btn-search d-none d-lg-flex align-items-lg-center ml-lg-auto js-popup-button" data-js-popup-button="navigation">
|
||||
<span class="mr-lg-7 text-uppercase">{{ __('Search') }}</span>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-168" viewBox="0 0 24 24">
|
||||
<path d="M13.261 2.475a8.177 8.177 0 0 1 2.588 1.738 8.172 8.172 0 0 1 1.738 2.588 7.97 7.97 0 0 1 .635 3.164 7.836 7.836 0 0 1-.527 2.861 8.355 8.355 0 0 1-1.426 2.412l4.902 4.902c.117.131.176.28.176.449s-.059.319-.176.449c-.065.052-.137.095-.215.127s-.156.049-.234.049-.156-.017-.234-.049-.149-.075-.215-.127l-4.902-4.902c-.703.6-1.507 1.074-2.412 1.426s-1.859.528-2.862.528a7.945 7.945 0 0 1-3.164-.635 8.144 8.144 0 0 1-2.588-1.738 8.15 8.15 0 0 1-1.738-2.588 7.962 7.962 0 0 1-.635-3.164 7.97 7.97 0 0 1 .635-3.164 8.172 8.172 0 0 1 1.738-2.588 8.15 8.15 0 0 1 2.588-1.738c.989-.423 2.044-.635 3.164-.635s2.174.212 3.164.635zM3.759 12.641c.358.834.85 1.563 1.475 2.188s1.354 1.117 2.188 1.475c.833.358 1.726.537 2.676.537s1.843-.179 2.676-.537c.833-.357 1.563-.85 2.188-1.475s1.116-1.354 1.475-2.188a6.705 6.705 0 0 0 .537-2.676c0-.95-.179-1.842-.537-2.676-.358-.833-.85-1.563-1.475-2.188s-1.354-1.116-2.188-1.475c-.835-.356-1.727-.536-2.677-.536s-1.843.18-2.676.537c-.833.358-1.563.85-2.188 1.475S4.117 6.456 3.759 7.289a6.694 6.694 0 0 0-.537 2.676c0 .951.178 1.843.537 2.676z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
Reference in New Issue
Block a user