wip
This commit is contained in:
11
resources/views/admin/components/category.blade.php
Normal file
11
resources/views/admin/components/category.blade.php
Normal file
@@ -0,0 +1,11 @@
|
||||
@foreach($childs as $child)
|
||||
<option {{ ($category->id ?? '') === $child->id ? 'disabled' : '' }}
|
||||
{{ old('parent_id') == $child->id ? 'selected' : '' }}
|
||||
{{ request()->routeIs('admin.categories.edit') && $child->id == $category->parent_id ? 'selected' : '' }}
|
||||
{{-- {{ request()->routeIs('admin.pc-collects.index') && $child->pcCollect() ? 'selected' : '' }} --}}
|
||||
{{ ($category_id ?? null) === $child->id ? 'selected' : '' }} value="{{ $child->id }}">
|
||||
@for ($i = 0; $i < $spaces; $i++)   @endfor {{ $child->name ?? '' }} @if($child->children->isNotEmpty())
|
||||
@include('admin.components.category', ['childs' => $child->children, 'spaces' => $spaces + 1])
|
||||
@endif
|
||||
</option>
|
||||
@endforeach
|
||||
@@ -0,0 +1,12 @@
|
||||
@foreach($childs as $child)
|
||||
<option value="{{ $child->id }}">
|
||||
@for ($i = 0; $i < $spaces; $i++)
|
||||
 
|
||||
@endfor
|
||||
{{ $child->name ?? '' }}
|
||||
|
||||
{{-- @if($child->childs)
|
||||
@include('admin.components.product-add-attribute-category', ['childs' => $child->childs, 'spaces' => $spaces + 1])
|
||||
@endif --}}
|
||||
</option>
|
||||
@endforeach
|
||||
3
resources/views/components/repeatable/strong.blade.php
Normal file
3
resources/views/components/repeatable/strong.blade.php
Normal file
@@ -0,0 +1,3 @@
|
||||
@foreach($datas as $data)
|
||||
<strong>{{ $data }}{{ $loop->last ? '' : ',' }}</strong>
|
||||
@endforeach
|
||||
@@ -0,0 +1,11 @@
|
||||
@component('mail::message')
|
||||
# Salam
|
||||
Aşakdaky kody giriziň
|
||||
|
||||
@component('mail::button', ['url' => '#'])
|
||||
$code
|
||||
@endcomponent
|
||||
|
||||
Hormatlamak bilen,<br>
|
||||
{{ config('app.name') }}
|
||||
@endcomponent
|
||||
1
resources/views/hello.blade.php
Normal file
1
resources/views/hello.blade.php
Normal file
@@ -0,0 +1 @@
|
||||
Hello {{ $isPassing }}
|
||||
16
resources/views/test.blade.php
Normal file
16
resources/views/test.blade.php
Normal file
@@ -0,0 +1,16 @@
|
||||
@php
|
||||
$collection = \App\Models\Shop\Product\Collection::first();
|
||||
@endphp
|
||||
|
||||
@extends('web.themes.shella.layouts.app', [
|
||||
'page_name' => $collection->name,
|
||||
'body_class' => 'template-collection theme-css-animate'
|
||||
])
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
@include('web.themes.shella.components.products.collection.grid-collection', [
|
||||
'resource' => $collection
|
||||
])
|
||||
</main>
|
||||
@stop
|
||||
58
resources/views/vendor/nova/layout.blade.php
vendored
Normal file
58
resources/views/vendor/nova/layout.blade.php
vendored
Normal file
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ $locale = \Laravel\Nova\Nova::resolveUserLocale(request()) }}" dir="{{ \Laravel\Nova\Nova::rtlEnabled() ? 'rtl' : 'ltr' }}" class="h-full font-sans antialiased">
|
||||
<head>
|
||||
<meta name="theme-color" content="#fff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
<meta name="locale" content="{{ $locale }}"/>
|
||||
<meta name="robots" content="noindex">
|
||||
|
||||
@include('nova::partials.meta')
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="{{ mix('app.css', 'vendor/nova') }}">
|
||||
|
||||
@if ($styles = \Laravel\Nova\Nova::availableStyles(request()))
|
||||
<!-- Tool Styles -->
|
||||
@foreach($styles as $asset)
|
||||
<link rel="stylesheet" href="{!! $asset->url() !!}">
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
<script>
|
||||
if (localStorage.novaTheme === 'dark' || (!('novaTheme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||||
document.documentElement.classList.add('dark')
|
||||
} else {
|
||||
document.documentElement.classList.remove('dark')
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
|
||||
@inertia
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="{{ mix('manifest.js', 'vendor/nova') }}"></script>
|
||||
<script src="{{ mix('vendor.js', 'vendor/nova') }}"></script>
|
||||
<script src="{{ mix('app.js', 'vendor/nova') }}"></script>
|
||||
|
||||
<!-- Build Nova Instance -->
|
||||
<script>
|
||||
const config = @json(\Laravel\Nova\Nova::jsonVariables(request()));
|
||||
window.Nova = createNovaApp(config)
|
||||
Nova.countdown()
|
||||
</script>
|
||||
|
||||
@if ($scripts = \Laravel\Nova\Nova::availableScripts(request()))
|
||||
<!-- Tool Scripts -->
|
||||
@foreach ($scripts as $asset)
|
||||
<script src="{!! $asset->url() !!}"></script>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
<!-- Start Nova -->
|
||||
<script defer>
|
||||
Nova.liftOff()
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
4
resources/views/vendor/nova/layouts/footer.blade.php
vendored
Normal file
4
resources/views/vendor/nova/layouts/footer.blade.php
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
<div class="mt-8 leading-normal text-xs text-gray-500 space-y-1">
|
||||
<p class="text-center">Powered by <a class="link-default" href="http://webulgam.com.tm">Web Ulgam,</a></p>
|
||||
<p class="text-center">© {{ date('Y') }} POSTSHOP Entrepreneur.</p>
|
||||
</div>
|
||||
12
resources/views/vendor/nova/products/barcode.blade.php
vendored
Normal file
12
resources/views/vendor/nova/products/barcode.blade.php
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="flex">
|
||||
<div style="width: 7em;">
|
||||
{{ $barcode }}
|
||||
</div>
|
||||
<div class="w-1/2">
|
||||
<div class="bg-white w-full p-2 rounded fit-content">
|
||||
<a href="{{ barcodeGeneratorRoute() . '?barcode=' . $barcode }}" target="_blank">
|
||||
{!! $image !!}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
5
resources/views/vendor/nova/resources/banner/resource-type.blade.php
vendored
Normal file
5
resources/views/vendor/nova/resources/banner/resource-type.blade.php
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
@if($resource->resource_type && $resource->resource_id)
|
||||
<a class="link-default" href="/turkmenpostadmin/resources/{{$resource->resource_type}}/{{$resource->resource_id}}">
|
||||
{{ __(ucfirst($resource->resource_type)) }}, {{ $resource->{$resource->resource_type}?->name }}
|
||||
</a>
|
||||
@endif
|
||||
13
resources/views/vendor/nova/resources/order/create-fields/address.blade.php
vendored
Normal file
13
resources/views/vendor/nova/resources/order/create-fields/address.blade.php
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
<span class="link-default">
|
||||
{{
|
||||
$model->customer_address ? $model->customer_address : '--------'
|
||||
}},
|
||||
|
||||
{{
|
||||
$model->province ? $model->province->name . ', ' : ''
|
||||
}}
|
||||
|
||||
{{
|
||||
$model->region ? App\Models\System\Settings\Location\Region::labelFor($model->region) : '--------'
|
||||
}}
|
||||
</span>
|
||||
4
resources/views/vendor/nova/resources/order/create-fields/shipping-time.blade.php
vendored
Normal file
4
resources/views/vendor/nova/resources/order/create-fields/shipping-time.blade.php
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
<span class="link-default">
|
||||
{{ $model->delivery_time ?: '--------'}},
|
||||
{{ $model->delivery_at?->format('d.m.Y') }}
|
||||
</span>
|
||||
4
resources/views/vendor/nova/resources/order/create-fields/shipping.blade.php
vendored
Normal file
4
resources/views/vendor/nova/resources/order/create-fields/shipping.blade.php
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
<span class="link-default">
|
||||
{{ $model->shipping_price ?: App\Models\Ecommerce\Product\Order\Shipping\OrderShipping::priceFor($model->shipping_method) }} TMT,
|
||||
{{ App\Models\Ecommerce\Product\Order\Shipping\OrderShipping::formattedShippingMethod($model->shipping_method) }}
|
||||
</span>
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="24" height="24" style="color: rgb(239,68,68);" role="presentation"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
|
After Width: | Height: | Size: 325 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="24" height="24" style="color: rgb(34,197,94);" role="presentation"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
|
After Width: | Height: | Size: 302 B |
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Files</title>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
@foreach($lists as $list)
|
||||
<li><a href="{{ $link_folder.'/'.$list }}">{{ $list }}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
15
resources/views/web/themes/default/components/list.blade.php
Normal file
15
resources/views/web/themes/default/components/list.blade.php
Normal file
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Files</title>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
@foreach($lists as $list)
|
||||
<li>{{ $list }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
@if(app()->isProduction())
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X0GMVNLQJB"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'G-X0GMVNLQJB');
|
||||
</script>
|
||||
@endif
|
||||
0
resources/views/web/themes/search.blade.php
Normal file
0
resources/views/web/themes/search.blade.php
Normal file
@@ -0,0 +1,26 @@
|
||||
<div class="col-12 col-md-6 mt-0 mb-15">
|
||||
<div class="promobox promobox--type-04 position-relative d-flex flex-column align-items-center text-center">
|
||||
<div class="image-animation-trigger w-100">
|
||||
<a href="{{ $banner->link }}" class="w-100">
|
||||
|
||||
<div class="image-animation image-animation--from-center image-animation--to-right">
|
||||
<div class="rimage" style="padding-top:72.98245614035088%; min-height: 400px;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="{{ $banner->image() }}"
|
||||
data-aspect-ratio="1.3701923076923077"
|
||||
|
||||
data-srcset="{{ $banner->image() }} 1x, {{ $banner->image() }} 2x"
|
||||
data-scale-perspective="1.1"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="promobox__content absolute-stretch d-flex flex-column flex-center px-15 py-7 overflow-hidden pointer-events-none">
|
||||
{{-- <p class="promobox__text-line-01 h5 mb-5">NEW ARRIVALS</p> --}}
|
||||
<p class="promobox__text-line-02 h2 mt-5 mb-0" style="color: {{ $banner->textColor() }};">{{ $banner->title }}</p>
|
||||
<p class="promobox__text-line-03 h6 mt-10 mb-0" style="color: {{ $banner->textColor() }};">{{ $banner->description }}</p>
|
||||
<a href="{{ $banner->link }}" class="promobox__btn btn px-20 mt-25 pointer-events-all btn--secondary">{{ __('DISCOVER MORE') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
@php
|
||||
$homepage_two_grid_banners = App\Models\CMS\Media\Banner::with('media')->where('place', 'homepage_2_grid')->get();
|
||||
@endphp
|
||||
|
||||
<div id="theme-section-two-grid-banners" class="theme-section">
|
||||
<div data-section-id="two-grid-banners" data-section-type="home-builder" class="container"
|
||||
>
|
||||
|
||||
<div class="overflow-x-hidden">
|
||||
<div class="row mt-0 mb-45 justify-content-start align-items-start">
|
||||
@foreach($homepage_two_grid_banners as $banner)
|
||||
@include('web.themes.shella.components.banners.2-grid-banner-item', ['banner' => $banner])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "home_builder"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
@php
|
||||
$homepage_three_main_banners = App\Models\CMS\Media\Banner::with('media')->where('place', 'homepage_categories')->where('is_visible', true)->get();
|
||||
@endphp
|
||||
|
||||
<div id="theme-section-1537197792650" class="theme-section">
|
||||
<div data-section-id="1537197792650" data-section-type="home-builder" class="container" style="max-width: 90%;">
|
||||
|
||||
<div class="overflow-x-hidden">
|
||||
<div class="row mt-0 mb-40 justify-content-start align-items-start">
|
||||
@foreach($homepage_three_main_banners as $banner)
|
||||
@include('web.themes.shella.components.banners.three-main-category-item', ['banner' => $banner])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "home_builder"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="col-12 col-md-4 mt-0 mb-10 mb-sm-15 mb-md-15 mb-lg-15 mb-xl-15">
|
||||
<div class="promobox promobox--type-05 image-animation-trigger position-relative d-flex flex-column align-items-center text-center">
|
||||
<a href="{{ $banner->category?->productsPage() }}" class="w-100">
|
||||
|
||||
<div class="image-animation image-animation--from-default image-animation--to-center image-animation--to-opacity">
|
||||
<div class="rimage" style="padding-top:72.97297297297297%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--fade-in lazyload"
|
||||
data-master="{{ $banner->image() }}"
|
||||
data-aspect-ratio="1.3703703703703705"
|
||||
data-srcset="{{ $banner->image() }} 1x, {{ $banner->image() }} 2x"
|
||||
data-scale-perspective="1.1"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="promobox__plate promobox__plate--hovered position-absolute d-flex flex-column flex-center px-10 py-7 pointer-events-none">
|
||||
<a href="{{ $banner->category?->productsPage() }}" class="pointer-events-all">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">{{ $banner->category?->name }}</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="promobox__content-scale position-absolute d-none d-lg-flex flex-column flex-center px-15 py-7 pointer-events-none">
|
||||
<a href="{{ $banner->category?->productsPage() }}" class="pointer-events-all">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">{{ $banner->category?->name }}</p>
|
||||
</a>
|
||||
<ul class="promobox__list list-unstyled position-relative mt-5 overflow-hidden pointer-events-all">
|
||||
@if($banner->category)
|
||||
@foreach($banner->category->children->take(4) as $category_child)
|
||||
<li><a href="{{ $category_child->productsPage() }}">{{ $category_child->name }}</a></li>
|
||||
@endforeach
|
||||
@endif
|
||||
<li><a href="{{ $banner->category?->productsPage() }}">{{ __('See All') }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,14 @@
|
||||
<div class="carousel__item promobox promobox--type-03">
|
||||
<a href="{{ $brand->productsPage() }}" class="position-relative w-100">
|
||||
<div class="rimage" style="padding-top:40.816326530612244%;height:100%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--fade-in lazyload"
|
||||
style=" object-fit: contain;"
|
||||
|
||||
data-master="{{ $brand->image() }}"
|
||||
data-srcset="{{ $brand->image() }} 1x, {{ $brand->image() }} 2x"
|
||||
alt="">
|
||||
</div>
|
||||
<div class="promobox__border "></div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,60 @@
|
||||
@php
|
||||
$brands = App\Models\Ecommerce\Product\Brand\Brand::with('media')->where('is_visible', true)->get(['id', 'name', 'slug']);
|
||||
@endphp
|
||||
|
||||
|
||||
<div id="theme-section-1537199513853" class="theme-section mt-20">
|
||||
<div data-section-id="1537199513853" data-section-type="carousel-brands" data-postload="carousel_brands">
|
||||
|
||||
<div class="container mt-0 mb-55">
|
||||
<div class="carousel carousel--arrows carousel-brands position-relative">
|
||||
{{-- <div class="border-top mb-50"></div> --}}
|
||||
|
||||
<div class="carousel__slider position-relative invisible"
|
||||
data-js-carousel
|
||||
data-autoplay="true"
|
||||
data-speed="5000"
|
||||
data-count="6"
|
||||
data-infinite="true"
|
||||
data-arrows="true"
|
||||
data-bullets="false">
|
||||
<div class="carousel__prev position-absolute cursor-pointer" data-js-carousel-prev>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-006" viewBox="0 0 24 24">
|
||||
<path d="M16.736 3.417a.652.652 0 0 1-.176.449l-8.32 8.301 8.32 8.301c.117.13.176.28.176.449s-.059.319-.176.449a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.93.93 0 0 1-.215-.127l-8.75-8.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l8.75-8.75a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="carousel__items overflow-hidden">
|
||||
<div class="carousel__slick" data-js-carousel-slick>
|
||||
@foreach($brands as $brand)
|
||||
@include('web.themes.shella.components.carousel.brand-carousel-item', ['brand' => $brand])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel__next position-absolute cursor-pointer" data-js-carousel-next>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-007" viewBox="0 0 24 24">
|
||||
<path d="M6.708 20.917c0-.169.059-.319.176-.449l8.32-8.301-8.32-8.301a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l8.75 8.75c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-8.75 8.75a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.91.91 0 0 1-.215-.127.652.652 0 0 1-.176-.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "style",
|
||||
name: "plugin_slick"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "carousel_brands"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,41 @@
|
||||
<div class="slider__slide" @if($carousel->link) onclick="window.location.href = '{{ $carousel->link }}'" @endif>
|
||||
<div class="promobox promobox--type-07 promobox--is-slider position-relative d-flex flex-column align-items-center text-center overflow-hidden">
|
||||
<div class="image-animation-trigger w-100">
|
||||
<div class="w-100">
|
||||
<div class="image-animation image-animation--from-default image-animation--to-default">
|
||||
<div class="rimage">
|
||||
|
||||
<div class="d-sm-none" style="padding-top: 200px;"></div>
|
||||
<div class="d-none d-sm-block d-md-none" style="padding-top: 550px;"></div>
|
||||
<div class="d-none d-md-block d-lg-none" style="padding-top: 550px;"></div>
|
||||
<div class="d-none d-lg-block d-xl-none" style="padding-top: 550px;"></div>
|
||||
<div class="d-none d-xl-block" style="padding-top: 550px;"></div>
|
||||
|
||||
<img
|
||||
src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="{{ $carousel->image() }}"
|
||||
data-aspect-ratio="3.4909090909090907"
|
||||
data-srcset="{{ $carousel->image() }} 1x, {{ $carousel->image() }} 2x"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="promobox__content promobox__content--animation-scale-in absolute-stretch hide-on-mobile d-flex flex-column flex-center px-15 py-7 overflow-hidden">
|
||||
<div class="promobox__content_inner position-absolute d-flex flex-column flex-center w-100" style="max-width: 650px;margin-top: -10px;">
|
||||
|
||||
<div class="promo-text mx-auto">
|
||||
<p class="h1 mb-15 colorize-theme2-c" style="color: {{ $carousel->textColor() }};">{{ $carousel->title }}</p>
|
||||
<p class="mb-25 h4 colorize-theme2-c" style="color: {{ $carousel->textColor() }};">{{ $carousel->description }}</p>
|
||||
@if($carousel->link)
|
||||
{{-- <a href="{{ $carousel->link }}" class="promobox__btn btn px-20 mt-25 pointer-events-all btn--secondary">{{ __('DISCOVER MORE') }}</a> --}}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,43 @@
|
||||
@php
|
||||
$homepage_hero_carousels = App\Models\CMS\Media\Carousel::with('media')->where('place', 'homepage')->where('is_visible', true)->ordered()->get();
|
||||
@endphp
|
||||
|
||||
<div id="theme-section-1551844786848" class="theme-section">
|
||||
<div data-section-id="1551844786848" data-section-type="home-builder">
|
||||
<div class="overflow-x-hidden">
|
||||
<div class="row mt-0 mb-0 justify-content-start align-items-start">
|
||||
<div class="col-12 col-md-12 mt-0 mb-0">
|
||||
<div class="slider position-relative">
|
||||
<div class="slider__prev d-none d-lg-block position-absolute cursor-pointer" data-js-slider-prev>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-006" viewBox="0 0 24 24">
|
||||
<path d="M16.736 3.417a.652.652 0 0 1-.176.449l-8.32 8.301 8.32 8.301c.117.13.176.28.176.449s-.059.319-.176.449a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.93.93 0 0 1-.215-.127l-8.75-8.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l8.75-8.75a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z" />
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
|
||||
<div class="slider__slick" data-js-slider-slick data-arrows="true" data-bullets="true" data-speed="7">
|
||||
@foreach($homepage_hero_carousels as $carousel)
|
||||
@include('web.themes.shella.components.carousel.hero-carousel-item', ['carousel' => $carousel])
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="slider__next d-none d-lg-block position-absolute cursor-pointer" data-js-slider-next>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-007" viewBox="0 0 24 24">
|
||||
<path d="M6.708 20.917c0-.169.059-.319.176-.449l8.32-8.301-8.32-8.301a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l8.75 8.75c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-8.75 8.75a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.91.91 0 0 1-.215-.127.652.652 0 0 1-.176-.449z" />
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "home_builder"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
@@ -0,0 +1,63 @@
|
||||
<div class="product-collection__button-add-to-cart @guest js-popup-button @endguest"
|
||||
@guest
|
||||
data-js-popup-button="account"
|
||||
@endguest
|
||||
>
|
||||
<button class="btn btn--status @auth btn--animated js-product-button-add-to-cart @endauth p-5"
|
||||
@auth
|
||||
onclick="addToCart({{ $product_id }})"
|
||||
@endauth
|
||||
>
|
||||
<span class="d-flex flex-center">
|
||||
<i class="btn__icon mr-5 mb-4">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-109 fill-white" viewBox="0 0 24 24">
|
||||
<path d="M19.884 21.897a.601.601 0 0 1-.439.186h-15a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.6.6 0 0 1 .186-.439.601.601 0 0 1 .439-.186h3.75c0-1.028.368-1.911 1.104-2.646.735-.735 1.618-1.104 2.646-1.104s1.911.368 2.646 1.104c.735.736 1.104 1.618 1.104 2.646h3.75a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v15a.604.604 0 0 1-.186.439zM18.819 7.083h-3.125v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5h-5v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5H5.069v13.75h13.75V7.083zm-8.642-3.018a2.409 2.409 0 0 0-.733 1.768h5c0-.69-.244-1.279-.732-1.768s-1.077-.732-1.768-.732-1.279.244-1.767.732z" />
|
||||
</svg>
|
||||
</i>
|
||||
<span class="btn__text text-white">{{ __('ADD TO CART') }}</span>
|
||||
</span>
|
||||
<span class="d-flex flex-center" data-button-content="added">
|
||||
<i class="mr-5 mb-4">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-110 fill-white" viewBox="0 0 24 24">
|
||||
<path fill="#ffffff" d="M19.855 5.998a.601.601 0 0 0-.439-.186h-3.75c0-1.028-.368-1.911-1.104-2.646-.735-.735-1.618-1.104-2.646-1.104s-1.911.369-2.646 1.104c-.736.736-1.104 1.618-1.104 2.647h-3.75a.6.6 0 0 0-.439.186.598.598 0 0 0-.186.439v15a.6.6 0 0 0 .186.439c.124.123.27.186.439.186h15a.6.6 0 0 0 .439-.186.601.601 0 0 0 .186-.439v-15a.602.602 0 0 0-.186-.44zm-9.707-1.953c.488-.488 1.077-.732 1.768-.732s1.279.244 1.768.732.732 1.078.732 1.768h-5c0-.69.244-1.28.732-1.768zm6.926 7.194l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .896.896 0 0 1-.215-.127l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449z" />
|
||||
</svg>
|
||||
</i>
|
||||
|
||||
{{ __('ADDED') }}
|
||||
</span>
|
||||
<span class="d-flex flex-center" data-button-content="sold-out">SOLD OUT</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
{{-- <div class="product-collection__button-add-to-cart mb-10 sm:mr-1 @guest js-popup-button @endguest"
|
||||
@guest
|
||||
data-js-popup-button="account"
|
||||
@endguest
|
||||
>
|
||||
<button class="btn btn--status @auth btn--animated js-product-button-add-to-cart @endauth p-5"
|
||||
@auth
|
||||
onclick="addToCart({{ $product_id }})"
|
||||
@endauth
|
||||
>
|
||||
<span class="d-flex flex-center">
|
||||
<i class="btn__icon mr-5 mb-4">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-109" viewBox="0 0 24 24">
|
||||
<path d="M19.884 21.897a.601.601 0 0 1-.439.186h-15a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.6.6 0 0 1 .186-.439.601.601 0 0 1 .439-.186h3.75c0-1.028.368-1.911 1.104-2.646.735-.735 1.618-1.104 2.646-1.104s1.911.368 2.646 1.104c.735.736 1.104 1.618 1.104 2.646h3.75a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v15a.604.604 0 0 1-.186.439zM18.819 7.083h-3.125v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5h-5v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5H5.069v13.75h13.75V7.083zm-8.642-3.018a2.409 2.409 0 0 0-.733 1.768h5c0-.69-.244-1.279-.732-1.768s-1.077-.732-1.768-.732-1.279.244-1.767.732z" />
|
||||
</svg>
|
||||
</i>
|
||||
<span class="btn__text">{{ __('ADD TO CART') }}</span>
|
||||
</span>
|
||||
<span class="d-flex flex-center" data-button-content="added">
|
||||
<i class="mr-5 mb-4">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-110" viewBox="0 0 24 24">
|
||||
<path d="M19.855 5.998a.601.601 0 0 0-.439-.186h-3.75c0-1.028-.368-1.911-1.104-2.646-.735-.735-1.618-1.104-2.646-1.104s-1.911.369-2.646 1.104c-.736.736-1.104 1.618-1.104 2.647h-3.75a.6.6 0 0 0-.439.186.598.598 0 0 0-.186.439v15a.6.6 0 0 0 .186.439c.124.123.27.186.439.186h15a.6.6 0 0 0 .439-.186.601.601 0 0 0 .186-.439v-15a.602.602 0 0 0-.186-.44zm-9.707-1.953c.488-.488 1.077-.732 1.768-.732s1.279.244 1.768.732.732 1.078.732 1.768h-5c0-.69.244-1.28.732-1.768zm6.926 7.194l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .896.896 0 0 1-.215-.127l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449z" />
|
||||
</svg>
|
||||
</i>
|
||||
|
||||
{{ __('ADDED') }}
|
||||
</span>
|
||||
<span class="d-flex flex-center" data-button-content="sold-out">SOLD OUT</span>
|
||||
</button>
|
||||
</div>
|
||||
--}}
|
||||
@@ -0,0 +1,37 @@
|
||||
<div class="product-collection__buttons-section d-flex px-lg-10">
|
||||
<div class="product-collection__button-add-to-wishlist mb-10">
|
||||
{{-- js-store-lists-add-wishlist --}}
|
||||
<a href="#" class="btn btn--text btn--status px-lg-6 @guest js-popup-button @endguest"
|
||||
@guest
|
||||
data-js-popup-button="account"
|
||||
@else
|
||||
onclick="toggleProductLike(event, this, {{ $product_id }})"
|
||||
@endguest
|
||||
{{-- data-js-tooltip data-tippy-content="{{ __('Wishlist') }}" data-tippy-placement="top" data-tippy-distance="-3" --}}
|
||||
>
|
||||
|
||||
@php
|
||||
$liked = $user_likes->contains(fn ($value, $index) => $value->id === $product_id);
|
||||
@endphp
|
||||
|
||||
<i id="{{ $product->id }}-favourite-icon-like" class="mb-1 ml-1 {{ $liked ? '' : 'd-none' }}">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-181" viewBox="0 0 24 24">
|
||||
<path d="M21.861 6.568a5.661 5.661 0 0 0-1.25-1.865c-.56-.56-1.191-.979-1.895-1.26a5.77 5.77 0 0 0-4.326 0c-.71.28-1.345.7-1.904 1.26-.026.039-.056.075-.088.107l-.107.107-.107-.107a.706.706 0 0 1-.088-.107c-.56-.56-1.194-.979-1.904-1.26s-1.433-.42-2.168-.42-1.455.14-2.158.42-1.335.7-1.895 1.26c-.547.547-.964 1.169-1.25 1.865s-.43 1.429-.43 2.197.144 1.501.43 2.197.703 1.318 1.25 1.865l7.871 7.871c.003.003.007.004.011.006l.439.436.439-.437c.003-.002.007-.003.01-.006l7.871-7.871c.547-.547.964-1.169 1.25-1.865s.43-1.429.43-2.197-.145-1.499-.431-2.196z" />
|
||||
</svg>
|
||||
</i>
|
||||
|
||||
<i id="{{ $product->id }}-favourite-icon-dislike" class="mb-1 ml-1 {{ $liked ? 'd-none' : '' }}">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-180" viewBox="0 0 24 24">
|
||||
<path d="M21.486 6.599a5.661 5.661 0 0 0-1.25-1.865c-.56-.56-1.191-.979-1.895-1.26a5.77 5.77 0 0 0-4.326 0c-.71.28-1.345.7-1.904 1.26-.026.039-.056.075-.088.107l-.107.107-.107-.107a.706.706 0 0 1-.088-.107c-.56-.56-1.194-.979-1.904-1.26s-1.433-.42-2.168-.42-1.455.14-2.158.42-1.335.7-1.895 1.26c-.547.546-.964 1.168-1.25 1.865s-.43 1.429-.43 2.197.144 1.501.43 2.197.703 1.318 1.25 1.865l7.871 7.871c.003.003.007.004.011.006l.439.436.439-.437c.003-.002.007-.003.01-.006l7.871-7.871c.547-.547.964-1.169 1.25-1.865s.43-1.429.43-2.197-.145-1.5-.431-2.196zm-1.162 3.916a4.436 4.436 0 0 1-.967 1.445l-7.441 7.441-7.441-7.441c-.417-.417-.739-.898-.967-1.445s-.342-1.12-.342-1.719.114-1.172.342-1.719.55-1.035.967-1.465c.442-.43.94-.755 1.494-.977s1.116-.332 1.689-.332a4.496 4.496 0 0 1 3.467 1.641c.098.117.186.241.264.371.117.169.293.254.527.254s.41-.085.527-.254c.078-.13.166-.254.264-.371s.198-.228.303-.332a4.5 4.5 0 0 1 3.164-1.309c.573 0 1.136.11 1.689.332s1.052.547 1.494.977c.417.43.739.918.967 1.465s.342 1.12.342 1.719-.114 1.172-.342 1.719z" />
|
||||
</svg>
|
||||
</i>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{{-- Compare --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.compare-button') --}}
|
||||
|
||||
{{-- Mobile quick view --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.mobile-quick-view-button') --}}
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<div><label class="d-none">Color:</label>
|
||||
<div class="product-options__section d-flex flex-wrap px-2" data-style="color" data-property="color">
|
||||
{{-- @foreach($product->colors() as $product_color) --}}
|
||||
{{-- @endforeach --}}
|
||||
{{-- <div class="product-options__value product-options__value--circle standard-color-{{white}} rounded-circle text-hide cursor-pointer {{active}} lazyload" data-js-option-value data-value="white" data-bg="none" data-scale="2" data-js-tooltip data-tippy-content="{{White}}" data-tippy-placement="top" data-tippy-distance="6">
|
||||
{{White}}
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,14 @@
|
||||
<div class="product-collection__button-add-to-compare mb-10">
|
||||
<a href="account" class="btn btn--text btn--status px-lg-6 js-store-lists-add-compare" data-js-tooltip data-tippy-content="Compare" data-tippy-placement="top" data-tippy-distance="-3">
|
||||
<i class="mb-1 ml-1">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-039" viewBox="0 0 24 24">
|
||||
<path d="M23.408 19.784c-.01.007-.024.012-.035.02l-4.275-12.11.005-.014-.011-.004-.114-.323v-.061h-6.394v-4.75a.6.6 0 0 0-.186-.439c-.124-.124-.271-.186-.439-.186s-.315.062-.439.186a.601.601 0 0 0-.186.439v4.75H4.939v.062l-.114.322-.011.004.005.014L.544 19.803c-.01-.007-.025-.012-.035-.02l-.388 1.081c1.345.846 3.203 1.363 5.286 1.363 2.08 0 3.935-.515 5.279-1.359l-.019-.054.02-.007L6.326 8.458H17.59l-4.36 12.349.02.007-.019.054c1.344.844 3.199 1.359 5.279 1.359 2.083 0 3.941-.517 5.286-1.363l-.388-1.08zm-14.122.563c-1.085.486-2.434.781-3.88.781-1.423 0-2.749-.288-3.825-.761l.326-.924h7.06l.319.904zm-.71-2.013H2.299l3.138-8.888 3.139 8.888zm9.903-8.888l3.138 8.888h-6.276l3.138-8.888zm.031 11.682c-1.446 0-2.796-.295-3.88-.781l.319-.904h7.06l.326.924c-1.076.473-2.402.761-3.825.761z" />
|
||||
</svg>
|
||||
</i>
|
||||
<i class="mb-1 ml-1" data-button-content="added">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-235" viewBox="0 0 24 24">
|
||||
<path d="M23.4 19.8l-2.3-6.6c1.7-1.3 2.8-3.4 2.8-5.8 0-4.1-3.3-7.4-7.4-7.4-4 0-7.3 3.2-7.4 7.2H4.9v.1l-.1.4L.5 19.8l-.4 1.1c1.3.8 3.2 1.4 5.3 1.4 2.1 0 3.9-.5 5.3-1.4v-.1L6.3 8.5h2.9c.4 3.2 3 5.8 6.2 6.3l-2.1 6.1v.1c1.3.8 3.2 1.4 5.3 1.4 2.1 0 3.9-.5 5.3-1.4l-.5-1.2zm-14.1.5c-1.1.5-2.4.8-3.9.8-1.4 0-2.7-.3-3.8-.8l.3-.9H9l.3.9zm-.7-2H2.3l3.1-8.9 3.2 8.9zm6.6-6.9c-.1.1-.1.1-.2.1h-.2-.2c-.1 0-.1-.1-.2-.1l-2.5-2.5c-.1-.1-.2-.3-.2-.4s.1-.3.2-.4c.1-.1.3-.2.4-.2s.3.1.4.2l2.1 2.1 5.8-5.8c.1-.3.3-.4.4-.4s.3.1.4.2c.1.1.2.3.2.4s0 .4-.1.5l-6.3 6.3zm1.4 3.4c1.3 0 2.4-.3 3.5-.9l1.6 4.4h-6.3l1.2-3.5zm1.9 6.3c-1.4 0-2.8-.3-3.9-.8l.3-.9H22l.3.9c-1 .5-2.4.8-3.8.8z" />
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<div class="product-collection__button-quick-view-mobile d-lg-none mb-10">
|
||||
<a href="products/belted-chino-trousers?variant=13793281441844" class="btn btn--text pt-2 px-lg-6 js-popup-button" data-js-popup-button="quick-view" data-js-tooltip data-tippy-content="Quick View" data-tippy-placement="top" data-tippy-distance="-2">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z" />
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="product-image__overlay-bottom-right product-collection__images-navigation position-relative d-none d-lg-block mt-10 ml-auto">
|
||||
<div class="product-images-navigation d-flex">
|
||||
<span class="d-flex flex-center mr-3 rounded-circle cursor-pointer" data-js-product-images-navigation="prev">
|
||||
<i class="mr-2">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-006" viewBox="0 0 24 24">
|
||||
<path d="M16.736 3.417a.652.652 0 0 1-.176.449l-8.32 8.301 8.32 8.301c.117.13.176.28.176.449s-.059.319-.176.449a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.93.93 0 0 1-.215-.127l-8.75-8.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l8.75-8.75a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z" />
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span class="d-flex flex-center rounded-circle cursor-pointer" data-js-product-images-navigation="next">
|
||||
<i class="ml-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-007" viewBox="0 0 24 24">
|
||||
<path d="M6.708 20.917c0-.169.059-.319.176-.449l8.32-8.301-8.32-8.301a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l8.75 8.75c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-8.75 8.75a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.91.91 0 0 1-.215-.127.652.652 0 0 1-.176-.449z" />
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<div class="product-image__overlay-top-right product-collection__button-quick-view position-lg-relative d-none d-lg-flex mb-lg-10 ml-lg-auto">
|
||||
<a href="products/belted-chino-trousers?variant=13793281441844" class="button-quick-view d-flex flex-center rounded-circle js-popup-button" data-js-popup-button="quick-view" data-js-tooltip data-tippy-content="Quick View" data-tippy-placement="left" data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z" />
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
<div><label class="d-none">Size:</label>
|
||||
<div class="product-options__section d-flex flex-wrap" data-style="large-text" data-property="size">
|
||||
<div class="product-options__value product-options__value--large-text d-flex flex-center border cursor-pointer active lazyload" data-js-option-value data-value="30" data-bg="none" data-scale="2">30
|
||||
</div>
|
||||
|
||||
<div class="product-options__value product-options__value--large-text d-flex flex-center border cursor-pointer lazyload" data-js-option-value data-value="32" data-bg="none" data-scale="2">32
|
||||
</div>
|
||||
|
||||
|
||||
<div class="product-options__value product-options__value--large-text d-flex flex-center border cursor-pointer lazyload" data-js-option-value data-value="34" data-bg="none" data-scale="2">34
|
||||
</div>
|
||||
|
||||
|
||||
<div class="product-options__value product-options__value--large-text d-flex flex-center border cursor-pointer lazyload" data-js-option-value data-value="36" data-bg="none" data-scale="2">36
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,140 @@
|
||||
<div class="collection-control mb-25 mb-lg-30">
|
||||
<div class="row">
|
||||
<div class="col-8 col-lg-4 d-flex d-lg-flex align-items-center">
|
||||
<div class="d-flex d-lg-flex mr-30">
|
||||
{{-- <div class="collection-control__button-sidebar d-flex align-items-center cursor-pointer js-popup-button" data-js-popup-button="sidebar">
|
||||
<i class="mr-5">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-084" viewBox="0 0 24 24">
|
||||
<path d="M19.292 1.871c.169 0 .315.063.439.186a.601.601 0 0 1 .186.439v2.5a.657.657 0 0 1-.039.225.499.499 0 0 1-.117.186l-5.469 6.074v6.641a.582.582 0 0 1-.078.293.823.823 0 0 1-.195.234l-3.75 2.5c-.052.026-.107.049-.166.068a.603.603 0 0 1-.479-.05c-.104-.052-.186-.127-.244-.225s-.088-.205-.088-.322v-9.14L3.823 5.406a.491.491 0 0 1-.117-.186.648.648 0 0 1-.039-.224v-2.5a.6.6 0 0 1 .186-.439.604.604 0 0 1 .439-.186h15zm-.625 2.89v-1.64H4.917v1.641l5.469 6.074a.507.507 0 0 1 .117.186.653.653 0 0 1 .039.225v8.203l2.5-1.66v-6.543c0-.078.013-.152.039-.225a.515.515 0 0 1 .117-.186l5.469-6.075z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="text-uppercase">{{ __('Show filter') }}</span>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 d-none d-lg-flex justify-content-lg-center align-items-lg-center" data-js-collection-replace="info">
|
||||
{{-- <div class="collection-control__information">Showing 1–12 of 42 results</div> --}}
|
||||
</div>
|
||||
|
||||
<div class="col-4 col-lg-5 d-flex justify-content-lg-end align-items-center">
|
||||
{{-- <div class="collection-control__sort-by d-none d-lg-block mr-20" data-js-collection-sort-by>
|
||||
<div class="select position-relative js-dropdown js-select">
|
||||
<div class="d-flex align-items-center" data-js-dropdown-button>
|
||||
<label for="SortBy" class="mb-0 mr-5">{{ __('Sort') }}:</label>
|
||||
<select name="sort_by" class="p-0 pr-25 mb-0 border-0 cursor-pointer" id="SortBy" onchange="addSorting(event.target.value)">
|
||||
<option value="price_amount-ascending">{{ __('Price Ascending') }}</option>
|
||||
<option value="price_amount-descending">{{ __('Price Descending') }}</option>
|
||||
<option value="created_at-descending" selected>{{ __('Date Descending') }}</option>
|
||||
<option value="created_at-ascending">{{ __('Date Ascending') }}</option>
|
||||
<option value="name-ascending">{{ __('Name Ascending') }}</option>
|
||||
<option value="name-descending">{{ __('Name Descending') }}</option>
|
||||
</select>
|
||||
<i class="position-absolute right-0">
|
||||
<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>
|
||||
</div>
|
||||
<div class="select__dropdown dropdown d-none position-lg-absolute top-lg-100 left-lg-0" data-js-dropdown data-js-select-dropdown>
|
||||
<div class="px-15 pb-30 py-lg-15">
|
||||
<span data-value="price_amount-ascending">{{ __('Price Ascending') }}</span>
|
||||
<span data-value="price_amount-descending">{{ __('Price Descending') }}</span>
|
||||
<span data-value="created_at-descending" selected>{{ __('Date Descending') }}</span>
|
||||
<span data-value="created_at-ascending">{{ __('Date Ascending') }}</span>
|
||||
<span data-value="name-ascending">{{ __('Name Ascending') }}</span>
|
||||
<span data-value="name-descending">{{ __('Name Descending') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="collection-control__view-length d-none d-lg-block" data-js-collection-view-length>
|
||||
<div class="select position-relative js-dropdown js-select">
|
||||
<div class="d-flex align-items-center" data-js-dropdown-button>
|
||||
<label for="ViewLength" class="mb-0 mr-5">Show:</label>
|
||||
<select name="view_length" class="p-0 pr-25 mb-0 border-0 cursor-pointer" id="ViewLength">
|
||||
<option value="6">6</option>
|
||||
<option value="12" selected>12</option>
|
||||
<option value="18">18</option>
|
||||
<option value="24">24</option>
|
||||
</select>
|
||||
<i class="position-absolute right-0">
|
||||
<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>
|
||||
</div>
|
||||
<div class="select__dropdown dropdown d-none position-lg-absolute top-lg-100 left-lg-0" data-js-dropdown data-js-select-dropdown>
|
||||
<div class="px-15 pb-30 py-lg-15">
|
||||
<span data-value="6">6</span>
|
||||
<span data-value="12" class="selected">12</span>
|
||||
<span data-value="18">18</span>
|
||||
<span data-value="24">24</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="collection-control__view-grid ml-auto ml-lg-15"
|
||||
data-js-tooltip
|
||||
data-tippy-content="View of item"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="8">
|
||||
<div class="products-grid-buttons d-flex" data-js-products-grid-buttons data-value-xs="2" data-value-sm="2" data-value-md="3" data-value-lg="4" data-value-xl="4">
|
||||
<div class="mx-8 mx-lg-1 cursor-pointer d-md-none" data-value="1">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-304" viewBox="0 0 24 24">
|
||||
<path d="M21.2 2.6c-.1-.1-.3-.2-.4-.2H3.3c-.2 0-.3.1-.4.2-.2.1-.2.2-.2.4v17.6c0 .1.1.2.2.3.1.1.3.2.4.2h17.5c.2 0 .3-.1.4-.2.1-.1.1-.2.2-.3V3c0-.2 0-.3-.2-.4zm-1 4.2v13.1H3.9V3.6h16.3v3.2z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="mx-8 mx-lg-1 cursor-pointer" data-value="2" data-active-xs data-active-sm>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false"
|
||||
role="presentation" class="icon icon-theme-185"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M3.306 21.142a.598.598 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-17.5a.6.6 0 0 1 .186-.439.604.604 0 0 1 .439-.186h17.5c.169 0 .315.063.439.186a.601.601 0 0 1 .186.439v17.5a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-17.5zm.625-17.5v7.5h7.5v-7.5h-7.5zm0 16.25h7.5v-7.5h-7.5v7.5zm16.25-16.25h-7.5v7.5h7.5v-7.5zm0 16.25v-7.5h-7.5v7.5h7.5z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="mx-8 mx-lg-1 cursor-pointer d-none d-sm-block" data-value="3" data-active-md>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false"
|
||||
role="presentation" class="icon icon-theme-186"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M2.828 2.567a.608.608 0 0 1 .449-.175h16.875c.183 0 .332.059.449.176s.176.268.176.449v16.875c0 .183-.059.332-.176.449s-.267.176-.449.176H3.277c-.183 0-.332-.059-.449-.176s-.176-.267-.176-.449V3.017c0-.182.059-.332.176-.45zm1.074 1.075v4.375h4.375V3.642H3.902zm4.375 5.625H3.902v4.375h4.375V9.267zm-4.375 10h4.375v-4.375H3.902v4.375zm10-11.25V3.642H9.527v4.375h4.375zm-4.375 1.25v4.375h4.375V9.267H9.527zm0 5.625v4.375h4.375v-4.375H9.527zm10-11.25h-4.375v4.375h4.375V3.642zm0 5.625h-4.375v4.375h4.375V9.267zm0 10v-4.375h-4.375v4.375h4.375z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="mx-8 mx-lg-1 cursor-pointer d-none d-md-block" data-value="4" data-active-lg data-active-xl>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false"
|
||||
role="presentation" class="icon icon-theme-305"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M21.245 2.577a.605.605 0 0 0-.439-.186h-17.5a.602.602 0 0 0-.439.186.598.598 0 0 0-.186.44v17.629h.025c.024.114.07.22.16.31a.6.6 0 0 0 .439.186h17.5a.6.6 0 0 0 .439-.186.595.595 0 0 0 .16-.31h.025V3.017a.592.592 0 0 0-.184-.44zm-1.064 12.94h-3.125v-3.125h3.125v3.125zm0 1.25v3.125h-3.125v-3.125h3.125zm-11.875-1.25v-3.125h3.125v3.125H8.306zm3.125 1.25v3.125H8.306v-3.125h3.125zm-7.5-8.75h3.125v3.125H3.931V8.017zm0-1.25V3.642h3.125v3.125H3.931zm11.875 1.25v3.125h-3.125V8.017h3.125zm-3.125-1.25V3.642h3.125v3.125h-3.125zm-1.25 4.375H8.306V8.017h3.125v3.125zm-7.5 1.25h3.125v3.125H3.931v-3.125zm8.75 0h3.125v3.125h-3.125v-3.125zm7.5-1.25h-3.125V8.017h3.125v3.125zm0-4.375h-3.125V3.642h3.125v3.125zm-8.75 0H8.306V3.642h3.125v3.125zm-7.5 10h3.125v3.125H3.931v-3.125zm8.75 0h3.125v3.125h-3.125v-3.125z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="mx-8 mx-lg-1 cursor-pointer d-none d-lg-block" data-value="list">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false"
|
||||
role="presentation" class="icon icon-theme-187"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M20.574 2.567a.61.61 0 0 0-.449-.176H3.25c-.183 0-.332.059-.449.176s-.176.268-.176.45v16.875c0 .183.059.332.176.449s.267.176.449.176h16.875c.182 0 .332-.059.449-.176s.176-.267.176-.449V3.017a.613.613 0 0 0-.176-.45zM8.25 19.267H3.875v-4.375H8.25v4.375zm0-5.625H3.875V9.267H8.25v4.375zm0-5.625H3.875V3.642H8.25v4.375zm11.25 11.25h-10v-4.375h10v4.375zm0-5.625h-10V9.267h10v4.375zm0-5.625h-10V3.642h10v4.375z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "products_view"
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button>
|
||||
<h5 class="d-flex align-items-center mb-0 text-uppercase">
|
||||
{{ __('Brands') }}
|
||||
<i class="layer-navigation__arrow">
|
||||
<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>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div>
|
||||
<div class="collection-filters row">
|
||||
<div class="col-12 mb-10">
|
||||
@foreach($brandRepository->filterBy($resource) as $brandFilter)
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="brands" value="{{ $brandFilter->id }}">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" />
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>{{ $brandFilter->name }}</span>
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom mb-10"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button>
|
||||
<h5 class="d-flex align-items-center mb-0 text-uppercase">
|
||||
{{ __('Categories') }}
|
||||
<i class="layer-navigation__arrow">
|
||||
<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>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div>
|
||||
<div class="collection-filters row">
|
||||
<div class="col-12 mb-10">
|
||||
@foreach($categoryRepository->filterBy($resource) as $categoryFilter)
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="categories" value="{{ $categoryFilter->id }}">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" />
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>{{ $categoryFilter->name }}</span>
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom mb-10"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,73 @@
|
||||
<div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button>
|
||||
<h5 class="d-flex align-items-center mb-0">COLOR<i class="layer-navigation__arrow">
|
||||
<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></h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div data-js-collection-replace="filter-1" data-js-collection-replace-only-full>
|
||||
<div class="collection-filters d-flex flex-wrap" data-js-collection-filters data-property="color"><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="red">
|
||||
<span class="position-relative d-block rounded-circle standard-color-red lazyload" data-value="red" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="orange">
|
||||
<span class="position-relative d-block rounded-circle standard-color-orange lazyload" data-value="orange" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="yellow">
|
||||
<span class="position-relative d-block rounded-circle standard-color-yellow lazyload" data-value="yellow" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="green">
|
||||
<span class="position-relative d-block rounded-circle standard-color-green lazyload" data-value="green" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="black">
|
||||
<span class="position-relative d-block rounded-circle standard-color-black lazyload" data-value="black" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="silver">
|
||||
<span class="position-relative d-block rounded-circle standard-color-silver lazyload" data-value="silver" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="blue">
|
||||
<span class="position-relative d-block rounded-circle standard-color-blue lazyload" data-value="blue" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="grey">
|
||||
<span class="position-relative d-block rounded-circle standard-color-grey lazyload" data-value="grey" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="white">
|
||||
<span class="position-relative d-block rounded-circle standard-color-white lazyload" data-value="white" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="violet">
|
||||
<span class="position-relative d-block rounded-circle standard-color-violet lazyload" data-value="violet" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="pink">
|
||||
<span class="position-relative d-block rounded-circle standard-color-pink lazyload" data-value="pink" data-bg="none">
|
||||
<i class="d-none standard-color-arrow"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button>
|
||||
<h5 class="d-flex align-items-center mb-0 text-uppercase">
|
||||
{{ $name }}
|
||||
<i class="layer-navigation__arrow">
|
||||
<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>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div>
|
||||
<div class="collection-filters row">
|
||||
<div class="col-12 mb-10">
|
||||
@foreach($filters as $filter)
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="brands" value="{{ $filter['value'] }}">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" />
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>{{ $filter['key'] }}</span>
|
||||
</label>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom mb-10"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,128 @@
|
||||
@push('footer-javascript')
|
||||
<script src="/web/themes/shella/js/filters.js"></script>
|
||||
@endpush
|
||||
|
||||
@php
|
||||
$brandRepository = new App\Repositories\Ecommerce\Product\Brand\BrandRepository(
|
||||
new App\Models\Ecommerce\Product\Brand\Brand,
|
||||
);
|
||||
$categoryRepository = new App\Repositories\Ecommerce\Product\Category\CategoryRepository(request());
|
||||
@endphp
|
||||
|
||||
<div class="collections__sidebar collections__sidebar--width-md d-none mx-20 d-lg-block float-left" data-sticky-sidebar-parent>
|
||||
<div class="js-sticky-sidebar">
|
||||
|
||||
<form action="#" method="POST" onsubmit="event.preventDefault();filterProduct(event)">
|
||||
|
||||
<div data-js-position-desktop="sidebar" data-sticky-sidebar-inner>
|
||||
<div id="theme-section-collection-sidebar" class="theme-section">
|
||||
<div data-section-id="collection-sidebar" data-section-type="collection-sidebar">
|
||||
<aside class="collection-sidebar js-position js-collection-sidebar" data-js-collection-sidebar data-js-position-name="sidebar">
|
||||
<nav class="collection-sidebar__navigation">
|
||||
|
||||
@include('web.themes.shella.components.products.collection.filters.categories-filter')
|
||||
|
||||
@include('web.themes.shella.components.products.collection.filters.brands-filter')
|
||||
|
||||
@include('web.themes.shella.components.products.collection.filters.price-filter')
|
||||
|
||||
{{-- @include('web.themes.shella.components.products.collection.filters.size-filter') --}}
|
||||
|
||||
<input class="btn text-white" type="submit" value="{{ __('Filter') }}">
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="custom_html" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer" data-js-accordion-button>
|
||||
<h5 class="d-flex align-items-center mb-0">CUSTOM CMS BLOCK</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div class="rte">
|
||||
<div class="fs">
|
||||
<div class="d-flex align-items-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-116" viewBox="0 0 24 24">
|
||||
<path d="M21.93 6.088l.029.029c.007.007.01.017.01.029l.039.127a.47.47 0 0 1 .02.127v15a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186H2.652a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.47.47 0 0 1 .02-.127l.039-.127c0-.013.003-.022.01-.029a.387.387 0 0 0 .029-.029.478.478 0 0 1 .049-.078.844.844 0 0 1 .049-.059l.02-.02 4.375-3.75a.776.776 0 0 1 .195-.117.575.575 0 0 1 .215-.039h10c.078 0 .149.013.215.039.065.026.13.065.195.117l4.375 3.75v.02a.19.19 0 0 1 .068.059.557.557 0 0 1 .049.078zm-1.153 14.687V7.025h-5.625v5.625a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-5a.6.6 0 0 1-.439-.186.6.6 0 0 1-.186-.439V7.025H3.277v13.75h17.5zM7.262 3.275l-2.93 2.5h4.805l1.25-2.5H7.262zm2.89 8.75h3.75v-5h-3.75v5zm1.641-8.75l-1.25 2.5h2.969l-1.25-2.5h-.469zm7.93 2.5l-2.93-2.5h-3.125l1.25 2.5h4.805z" />
|
||||
</svg>
|
||||
</i>
|
||||
<p class="mb-0">Free shipping all orders of $49 or
|
||||
more of eligible items across any product
|
||||
category qualify.</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-125" viewBox="0 0 24 24">
|
||||
<path d="M21.508 5.035c.364.365.547.808.547 1.328v11.25c0 .521-.183.964-.547 1.328a1.808 1.808 0 0 1-1.328.547H3.93c-.521 0-.964-.182-1.328-.547a1.805 1.805 0 0 1-.547-1.328V6.363c0-.521.182-.963.547-1.328a1.81 1.81 0 0 1 1.328-.547h16.25c.521 0 .964.183 1.328.547zm-18.017.889a.6.6 0 0 0-.186.439v1.25h17.5v-1.25a.6.6 0 0 0-.186-.439.598.598 0 0 0-.439-.186H3.93a.598.598 0 0 0-.439.186zm-.186 4.814h17.5V8.863h-17.5v1.875zm17.315 7.315a.6.6 0 0 0 .186-.439v-5.625h-17.5v5.625c0 .169.062.316.186.439a.6.6 0 0 0 .439.186h16.25a.605.605 0 0 0 .439-.186zM9.995 14.674a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186H5.18a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h4.375c.169 0 .316.062.44.186zm9.375 0a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-1.25a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h1.25c.168 0 .315.062.439.186z" />
|
||||
</svg>
|
||||
</i>
|
||||
<p class="mb-0">Credit Card: Visa, MasterCard,
|
||||
Maestro, American Express. The total will be
|
||||
charged to your card when the order is
|
||||
shipped.</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-009" viewBox="0 0 24 24">
|
||||
<path d="M2.453 8.299c-.026-.039-.048-.075-.068-.107a2.896 2.896 0 0 0-.068-.107.715.715 0 0 1 0-.469 2.48 2.48 0 0 0 .068-.107c.02-.033.042-.068.068-.107l5-5a.9.9 0 0 1 .215-.128c.078-.032.156-.049.234-.049s.156.017.234.049a.93.93 0 0 1 .215.127c.117.13.176.28.176.449a.652.652 0 0 1-.176.449L4.407 7.225h10.059a6.36 6.36 0 0 1 2.549.518 6.63 6.63 0 0 1 2.09 1.406c.593.592 1.062 1.289 1.406 2.09s.518 1.65.518 2.549-.173 1.748-.518 2.549a6.63 6.63 0 0 1-1.406 2.09 6.647 6.647 0 0 1-2.09 1.406 6.373 6.373 0 0 1-2.549.518H8.528a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439c0-.169.062-.316.186-.439a.595.595 0 0 1 .439-.187h5.938a5.12 5.12 0 0 0 2.061-.42 5.397 5.397 0 0 0 1.689-1.143 5.454 5.454 0 0 0 1.143-1.689 5.12 5.12 0 0 0 .42-2.061c0-.729-.14-1.416-.42-2.061a5.397 5.397 0 0 0-2.832-2.832 5.116 5.116 0 0 0-2.061-.42H4.407L8.352 12.4c.117.13.176.28.176.449a.652.652 0 0 1-.176.449.652.652 0 0 1-.449.176.652.652 0 0 1-.449-.176L2.453 8.299z" />
|
||||
</svg>
|
||||
</i>
|
||||
<p class="mb-0">Returns and Refunds: You can return
|
||||
any item purchased on Shella within 20 days of
|
||||
the delivery date.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="promobox" data-js-accordion="all">
|
||||
<div class="pt-20"></div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div class="promobox promobox--type-02 position-relative d-flex flex-column align-items-center text-center">
|
||||
<div class="w-100">
|
||||
<a href="product.html" class="w-100">
|
||||
<div class="image-animation image-animation--from-default image-animation--to-center image-animation--to-opacity">
|
||||
<div class="rimage" style="padding-top:128.1481481%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" class="rimage__img rimage__img--fade-in lazyload" data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_dbfb557e-a691-4822-9ece-255c7fa4a984_{width}x.progressive.png.jpg?v=1530696155" data-aspect-ratio="0.7803468208092486" data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_dbfb557e-a691-4822-9ece-255c7fa4a984_400x.progressive.png.jpg?v=1530696155 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_dbfb557e-a691-4822-9ece-255c7fa4a984_400x@2x.progressive.png.jpg?v=1530696155 2x" data-scale-perspective="1.1" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="promobox__plate position-absolute d-flex flex-column flex-center px-10 py-7 pointer-events-none">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">
|
||||
NEW IN</p>
|
||||
<p class="promobox__text-line-02 position-relative m-0">
|
||||
Spring/Summer 2018 Collection</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
</nav>
|
||||
</aside>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "collection_sidebar"
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "plugin_sticky_sidebar"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "sticky_sidebar"
|
||||
});
|
||||
|
||||
</script>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="layer-navigation" data-js-collection-nav-section="filter_by_price" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button>
|
||||
<h5 class="d-flex text-uppercase align-items-center mb-0">
|
||||
{{ __('Price') }}
|
||||
<i class="layer-navigation__arrow">
|
||||
<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>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div class="collection-filter-by-price">
|
||||
<input type="hidden" class="js-range-of-price" name="filter_by_price" data-min="0" data-max="10000" data-step="10">
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "style",
|
||||
name: "plugin_ion_range_slider"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "plugin_ion_range_slider"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "range_of_price"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,126 @@
|
||||
<div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button>
|
||||
<h5 class="d-flex align-items-center mb-0">
|
||||
{{ __('Size') }}
|
||||
|
||||
<i class="layer-navigation__arrow">
|
||||
<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>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div data-js-collection-replace="filter-2" data-js-collection-replace-only-full>
|
||||
<div class="collection-filters row" data-js-collection-filters>
|
||||
<div class="col-6 mb-10">
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="30">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>30</span>
|
||||
</label>
|
||||
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="32">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>32</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="34">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>34</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="36">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>36</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="38">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>38</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="40">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>40</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="42">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>42</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="44">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>44</span></label>
|
||||
</div>
|
||||
<div class="col-6 mb-10"><label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xxs">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>XXS</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xs">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>XS</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="s">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>S</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="m">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>M</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="l">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>L</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xl">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>XL</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xxl">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>XXL</span></label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xxxl">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" /></svg></i>
|
||||
</span><span>XXXL</span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,138 @@
|
||||
@push('footer-javascript')
|
||||
<script src="/web/shella/scripts/cs/product-pagination.js"></script>
|
||||
@endpush
|
||||
|
||||
<div class="collections js-collections pb-10">
|
||||
|
||||
{{-- Breadcrumbs --}}
|
||||
<div data-js-collection-replace="breadcrumbs" data-js-collection-replace-only-full>
|
||||
<div class="breadcrumbs mt-15">
|
||||
<div class="mx-20">
|
||||
<ul class="list-unstyled d-flex text-lg flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<li class="text-md"><a href="/">{{ __('Home') }}</a></li>
|
||||
<li class="text-md">
|
||||
<a href="{{ $resource->productsPage() }}">
|
||||
{{ __(class_basename($resource)) }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="text-md"><span>{{ $resource->name }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-10 mt-lg-25">
|
||||
<div class="row mb-40">
|
||||
<div class="collections__body col pb-25">
|
||||
<div data-js-collection-replace="head" data-js-collection-replace-only-full>
|
||||
<div id="theme-section-collection-head" class="theme-section">
|
||||
<div data-section-id="collection-head" data-section-type="collection-head">
|
||||
<div class="collection-head">
|
||||
<div class="mb-15">
|
||||
<h1 class="h3 mb-10 lg:d-none text-center text-lg-left">{{ $resource->name }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "collection_head"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div id="theme-section-collection-body" class="theme-section mx-20">
|
||||
<div data-section-id="collection-body" data-section-type="collection-body">
|
||||
<div class="collection-body js-products-view">
|
||||
<div class="collection-control mb-25 mb-lg-30">
|
||||
<div class="row">
|
||||
<div class="col-8 col-lg-4 d-flex d-lg-flex align-items-center">
|
||||
<div class="lg:d-none d-flex d-lg-flex mr-30">
|
||||
<div class="collection-control__button-sidebar d-flex align-items-center cursor-pointer js-popup-button text-uppercase" data-js-popup-button="sidebar">
|
||||
<i class="mr-5">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-084" viewBox="0 0 24 24">
|
||||
<path d="M19.292 1.871c.169 0 .315.063.439.186a.601.601 0 0 1 .186.439v2.5a.657.657 0 0 1-.039.225.499.499 0 0 1-.117.186l-5.469 6.074v6.641a.582.582 0 0 1-.078.293.823.823 0 0 1-.195.234l-3.75 2.5c-.052.026-.107.049-.166.068a.603.603 0 0 1-.479-.05c-.104-.052-.186-.127-.244-.225s-.088-.205-.088-.322v-9.14L3.823 5.406a.491.491 0 0 1-.117-.186.648.648 0 0 1-.039-.224v-2.5a.6.6 0 0 1 .186-.439.604.604 0 0 1 .439-.186h15zm-.625 2.89v-1.64H4.917v1.641l5.469 6.074a.507.507 0 0 1 .117.186.653.653 0 0 1 .039.225v8.203l2.5-1.66v-6.543c0-.078.013-.152.039-.225a.515.515 0 0 1 .117-.186l5.469-6.075z" />
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Filter') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="d-none lg:block h3 mb-10 d-lg-block text-center text-lg-left">
|
||||
{{ $resource->name }}
|
||||
</h1>
|
||||
</div>
|
||||
<div
|
||||
class="col-lg-3 d-none d-lg-flex justify-content-lg-center align-items-lg-center"
|
||||
data-js-collection-replace="info"
|
||||
>
|
||||
{{-- <div class="collection-control__information">
|
||||
Showing 1–12 of 42 results
|
||||
</div> --}}
|
||||
</div>
|
||||
<div class="col-4 col-lg-5 d-flex justify-content-lg-end align-items-center">
|
||||
@include('web.themes.shella.components.products.collection.sorting')
|
||||
@include('web.themes.shella.components.products.collection.pagination-select')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@includeWhen($filtersEnabled, 'web.themes.shella.components.products.collection.filters.filters')
|
||||
|
||||
<div id="theme-section-collection-body" class="theme-section">
|
||||
|
||||
<div data-section-id="collection-body" data-section-type="collection-body">
|
||||
<div class="collection-body js-products-view" id="products-container">
|
||||
{{-- Products --}}
|
||||
@include('web.themes.trendyol.components.products.collection.grid-products', [
|
||||
'products' => $products
|
||||
])
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="pagination" id="pagination-container">
|
||||
<div class="d-flex justify-content-center mt-35">
|
||||
|
||||
@if($products->nextPageUrl())
|
||||
<a href="{{ $products->nextPageUrl() }}" class="btn btn--secondary" id="pagination-next">
|
||||
<span class="text-uppercase">{{ __('Next') }}</span>
|
||||
</a>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "collection_body"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "collections"
|
||||
});
|
||||
</script>
|
||||
<div id="theme-section-carousel-products" class="theme-section">
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "style",
|
||||
name: "plugin_slick"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "carousel_products"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,125 @@
|
||||
<div class="col-6 col-sm-6 col-md-4 col-lg-3 cursor-pointer">
|
||||
<div class="product-collection d-flex flex-column mb-30" data-js-product data-js-product-json-preload data-product-handle="{{ $product->slug }}" data-product-variant-id="{{ $product->id }}">
|
||||
<div class="product-collection__image product-image product-image--hover-emersion-z position-relative w-100 js-product-images-navigation js-product-images-hovered-end js-product-images-hover"
|
||||
data-js-product-image-hover="{{ $product->getHoverImage('270x350') }}"
|
||||
data-js-product-image-hover-id="{{ $product->id }}"
|
||||
>
|
||||
<a href="{{ route('web.products.show', ['product' => $product->slug]) }}" class="d-block cursor-pointer" data-js-product-image>
|
||||
<div class="rimage" style="padding-top:128.0%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--contain rimage__img--fade-in lazyload cursor-pointer"
|
||||
data-master="{{ $product->thumbnail('270x350') }}"
|
||||
data-aspect-ratio="0.78125"
|
||||
data-srcset="{{ $product->thumbnail('270x350') }} 1x, {{ $product->thumbnail('270x350') }} 2x"
|
||||
data-image-id="{{ $product->id }}"
|
||||
alt="{{ $product->name }}">
|
||||
</div>
|
||||
</a>
|
||||
<div class="product-image__overlay-top position-absolute d-flex flex-wrap top-0 left-0 w-100 px-10 pt-10">
|
||||
{{-- <a href="{{ route('web.products.show', ['product' => $product->slug]) }}" class="absolute-stretch cursor-pointer"></a> --}}
|
||||
<div class="product-image__overlay-top-left product-collection__labels position-relative d-flex flex-column align-items-start mb-10">
|
||||
|
||||
{{-- @if($product->isHot())
|
||||
<div class="label label--hot mb-3 mr-3 text-nowrap" data-js-product-label-hot>Hot</div>
|
||||
@endif --}}
|
||||
|
||||
@if($product->isNew())
|
||||
<div class="label label--new mb-3 mr-3 text-nowrap" data-js-product-label-new>{{ __('New') }}</div>
|
||||
@endif
|
||||
|
||||
@if($product->old_price_amount)
|
||||
<div class="label label--sale mb-3 mr-3 text-nowrap" data-js-product-label-sale>{{ $product->discountPercentage() }}%</div>
|
||||
@endif
|
||||
|
||||
{{-- @if($product->outOfStock()) --}}
|
||||
{{-- <div class="label label--out-stock mb-3 mr-3 text-nowrap" data-js-product-label-out-stock>Out Stock</div> --}}
|
||||
{{-- @endif --}}
|
||||
</div>
|
||||
|
||||
{{-- Quick view btn --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.quick-view-button') --}}
|
||||
|
||||
</div>
|
||||
<div class="product-image__overlay-bottom position-absolute d-flex justify-content-center justify-content-lg-start align-items-end bottom-0 left-0 w-100 px-10 pb-10">
|
||||
{{-- <a href="#" class="absolute-stretch cursor-pointer"></a> --}}
|
||||
<div class="product-image__overlay-bottom-left product-collection__countdown position-relative mt-10">
|
||||
<div class="d-none-important" data-js-product-countdown>
|
||||
<div class="countdown countdown--type-01 d-flex flex-wrap justify-content-center js-countdown" data-date="2019-03-31 17:10:09"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Next - Prev buttons --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.next-prev-buttons') --}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-collection__content d-flex flex-column align-items-start mt-15">
|
||||
<div class="product-collection__title mb-3">
|
||||
<h4 class="h6 m-0">
|
||||
<a href="{{ $product->showPage() }}">{{ $product->name }}</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div class="product-collection__details d-none mb-8">
|
||||
<div class="product-collection__sku mb-5">
|
||||
<p class="m-0" data-js-product-sku>SKU: <span>00116с-23</span></p>
|
||||
</div>
|
||||
<div class="product-collection__barcode d-none-important mb-5">
|
||||
<p class="m-0" data-js-product-barcode>BARCODE: <span></span></p>
|
||||
</div>
|
||||
<div class="product-collection__availability mb-5">
|
||||
<p class="m-0" data-js-product-availability data-availability="true">
|
||||
AVAILABILITY: <span>In stock (1 item)</span></p>
|
||||
</div>
|
||||
<div class="product-collection__type mb-5">
|
||||
<p class="m-0" data-js-product-type>PRODUCT TYPE: <span>Polo</span></p>
|
||||
</div>
|
||||
<div class="product-collection__vendor mb-5">
|
||||
<p class="m-0" data-js-product-vendor>VENDOR: <span>Lacoste</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-collection__description d-none mb-15">
|
||||
<p class="m-0">Sample Paragraph Text Lorem ipsum dolor sit amet conse ctetur
|
||||
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
|
||||
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat....</p>
|
||||
</div>
|
||||
<div class="product-collection__price mb-10">
|
||||
<span class="price @if($product->old_price_amount) price--sale @endif" data-js-product-price>
|
||||
@if($product->old_price_amount)
|
||||
<span><span class=money>{{ $product->old_price_amount }} TMT</span></span>
|
||||
@endif
|
||||
<span><span class=money>{{ $product->price_amount }} TMT</span></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="d-flex flex-column w-100 m-0">
|
||||
|
||||
<div class="product-collection__options">
|
||||
<div class="product-options product-options--type-collection js-product-options" data-js-product-options>
|
||||
{{-- Color --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.colors') --}}
|
||||
|
||||
{{-- Size --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.sizes-button') --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Variants (select) --}}
|
||||
{{-- @include('web.themes.shella.components.products.select.variants') --}}
|
||||
|
||||
<div class="product-collection__buttons d-flex flex-column flex-lg-row align-items-lg-center flex-wrap mt-5 mt-lg-10">
|
||||
@include('web.themes.shella.components.products.buttons.add-to-cart', [
|
||||
'product_id' => $product->id
|
||||
])
|
||||
|
||||
@include('web.themes.shella.components.products.buttons.add-to-wishlist', [
|
||||
'product_id' => $product->id
|
||||
])
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-collection__reviews">
|
||||
<div class="spr spr--text-hide spr--empty-hide d-flex flex-column">
|
||||
<span class="shopify-product-reviews-badge" data-id="1494579609652"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<div class="collection-products" data-js-products>
|
||||
<div class="sorting-collections__products row" data-sorting-collections-items data-limit="8" data-grid="col-6 col-sm-6 col-md-4 col-lg-3">
|
||||
@foreach($products as $product)
|
||||
@include('web.themes.shella.components.products.collection.grid-product-item', [
|
||||
'product' => $product
|
||||
])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div class="collection-control__sort-by d-none d-lg-block ml-10" data-js-collection-sort-by>
|
||||
<div class="select position-relative js-dropdown js-select">
|
||||
<div class="d-flex align-items-center" data-js-dropdown-button>
|
||||
<label for="show-product-count" class="mb-0 mr-5">{{ __('Count') }}:</label>
|
||||
<select name="sort_by" class="p-0 pr-25 mb-0 border-0 cursor-pointer" id="show-product-count-select"
|
||||
onchange="addUrlParam('perPage', event.target.value)">
|
||||
<option value="12">12</option>
|
||||
<option value="24">24</option>
|
||||
<option value="32">32</option>
|
||||
<option value="48">48</option>
|
||||
<option value="96">96</option>
|
||||
</select>
|
||||
<i class="position-absolute right-0">
|
||||
<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>
|
||||
</div>
|
||||
<div class="select__dropdown dropdown d-none position-lg-absolute top-lg-100 left-lg-0" data-js-dropdown data-js-select-dropdown>
|
||||
<div class="px-15 pb-30 py-lg-15">
|
||||
<span data-value="12">12</span>
|
||||
<span data-value="24">24</span>
|
||||
<span data-value="32">32</span>
|
||||
<span data-value="48">48</span>
|
||||
<span data-value="96">96</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,30 @@
|
||||
<div class="collection-control__sort-by d-none d-lg-block" style="margin-left: 20%;" data-js-collection-sort-by>
|
||||
<div class="select position-relative js-dropdown js-select">
|
||||
<div class="d-flex align-items-center" data-js-dropdown-button>
|
||||
<label for="SortBy" class="mb-0 mr-5">{{ __('Sort') }}:</label>
|
||||
<select name="sort_by" class="p-0 pr-25 mb-0 border-0 cursor-pointer" id="SortBy" onchange="addSorting(event.target.value)">
|
||||
<option value="price_amount-ascending">{{ __('Price Ascending') }}</option>
|
||||
<option value="price_amount-descending">{{ __('Price Descending') }}</option>
|
||||
<option value="created_at-descending" selected>{{ __('Date Descending') }}</option>
|
||||
<option value="created_at-ascending">{{ __('Date Ascending') }}</option>
|
||||
<option value="name-ascending">{{ __('Name Ascending') }}</option>
|
||||
<option value="name-descending">{{ __('Name Descending') }}</option>
|
||||
</select>
|
||||
<i class="position-absolute right-0">
|
||||
<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>
|
||||
</div>
|
||||
<div class="select__dropdown dropdown d-none position-lg-absolute top-lg-100 left-lg-0" data-js-dropdown data-js-select-dropdown>
|
||||
<div class="px-15 pb-30 py-lg-15">
|
||||
<span data-value="price_amount-ascending">{{ __('Price Ascending') }}</span>
|
||||
<span data-value="price_amount-descending">{{ __('Price Descending') }}</span>
|
||||
<span data-value="created_at-descending" selected>{{ __('Date Descending') }}</span>
|
||||
<span data-value="created_at-ascending">{{ __('Date Ascending') }}</span>
|
||||
<span data-value="name-ascending">{{ __('Name Ascending') }}</span>
|
||||
<span data-value="name-descending">{{ __('Name Descending') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,132 @@
|
||||
{{-- data-limit="8" data-grid="col-6 col-sm-6 col-md-4 col-lg-3" --}}
|
||||
<div class="sorting-collections__products row" data-sorting-collections-items>
|
||||
@foreach($products as $product)
|
||||
<div class="col-6 col-sm-6 col-md-3 col-lg-20% cursor-pointer">
|
||||
<div class="product-collection d-flex flex-column mb-30" data-js-product data-js-product-json-preload data-product-handle="{{ $product->slug }}" data-product-variant-id="{{ $product->id }}">
|
||||
<div class="product-collection__image product-image product-image--hover-emersion-z position-relative w-100 js-product-images-navigation js-product-images-hovered-end js-product-images-hover"
|
||||
data-js-product-image-hover="{{ $product->getHoverImage('270x350') }}"
|
||||
data-js-product-image-hover-id="{{ $product->id }}"
|
||||
>
|
||||
<a href="{{ route('web.products.show', ['product' => $product->slug]) }}" class="d-block cursor-pointer" data-js-product-image>
|
||||
<div class="rimage" style="padding-top:128.0%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--contain rimage__img--fade-in lazyload cursor-pointer"
|
||||
data-master="{{ $product->thumbnail('270x350') }}"
|
||||
data-aspect-ratio="0.78125"
|
||||
data-srcset="{{ $product->thumbnail('270x350') }} 1x, {{ $product->thumbnail('270x350') }} 2x"
|
||||
data-image-id="{{ $product->id }}"
|
||||
alt="{{ $product->name }}">
|
||||
</div>
|
||||
</a>
|
||||
<div class="product-image__overlay-top position-absolute d-flex flex-wrap top-0 left-0 w-100 px-10 pt-10">
|
||||
{{-- <a href="{{ route('web.products.show', ['product' => $product->slug]) }}" class="absolute-stretch cursor-pointer"></a> --}}
|
||||
<div class="product-image__overlay-top-left product-collection__labels position-relative d-flex flex-column align-items-start mb-10">
|
||||
|
||||
{{-- @if($product->isHot())
|
||||
<div class="label label--hot mb-3 mr-3 text-nowrap" data-js-product-label-hot>Hot</div>
|
||||
@endif --}}
|
||||
|
||||
@if($product->isNew())
|
||||
<div class="label label--new mb-3 mr-3 text-nowrap" data-js-product-label-new>{{ __('New') }}</div>
|
||||
@endif
|
||||
|
||||
@if($product->old_price_amount)
|
||||
<div class="label label--sale mb-3 mr-3 text-nowrap" data-js-product-label-sale>{{ $product->discount_rate }}%</div>
|
||||
@endif
|
||||
|
||||
{{-- @if($product->outOfStock()) --}}
|
||||
{{-- <div class="label label--out-stock mb-3 mr-3 text-nowrap" data-js-product-label-out-stock>Out Stock</div> --}}
|
||||
{{-- @endif --}}
|
||||
</div>
|
||||
|
||||
{{-- Quick view btn --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.quick-view-button') --}}
|
||||
|
||||
</div>
|
||||
<div class="product-image__overlay-bottom position-absolute d-flex justify-content-center justify-content-lg-start align-items-end bottom-0 left-0 w-100 px-10 pb-10">
|
||||
{{-- <a href="#" class="absolute-stretch cursor-pointer"></a> --}}
|
||||
<div class="product-image__overlay-bottom-left product-collection__countdown position-relative mt-10">
|
||||
<div class="d-none-important" data-js-product-countdown>
|
||||
<div class="countdown countdown--type-01 d-flex flex-wrap justify-content-center js-countdown" data-date="2019-03-31 17:10:09"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Next - Prev buttons --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.next-prev-buttons') --}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-collection__content d-flex flex-column align-items-start mt-15">
|
||||
<div class="product-collection__title mb-3">
|
||||
<h4 class="h6 m-0">
|
||||
<a href="{{ $product->showPage() }}">{{ $product->name }}</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div class="product-collection__details d-none mb-8">
|
||||
<div class="product-collection__sku mb-5">
|
||||
<p class="m-0" data-js-product-sku>SKU: <span>00116с-23</span></p>
|
||||
</div>
|
||||
<div class="product-collection__barcode d-none-important mb-5">
|
||||
<p class="m-0" data-js-product-barcode>BARCODE: <span></span></p>
|
||||
</div>
|
||||
<div class="product-collection__availability mb-5">
|
||||
<p class="m-0" data-js-product-availability data-availability="true">
|
||||
AVAILABILITY: <span>In stock (1 item)</span></p>
|
||||
</div>
|
||||
<div class="product-collection__type mb-5">
|
||||
<p class="m-0" data-js-product-type>PRODUCT TYPE: <span>Polo</span></p>
|
||||
</div>
|
||||
<div class="product-collection__vendor mb-5">
|
||||
<p class="m-0" data-js-product-vendor>VENDOR: <span>Lacoste</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-collection__description d-none mb-15">
|
||||
<p class="m-0">Sample Paragraph Text Lorem ipsum dolor sit amet conse ctetur
|
||||
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
|
||||
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat....</p>
|
||||
</div>
|
||||
<div class="product-collection__price mb-10">
|
||||
<span class="price @if($product->old_price_amount) price--sale @endif" data-js-product-price>
|
||||
@if($product->old_price_amount)
|
||||
<span><span class=money>{{ $product->old_price_amount }} TMT</span></span>
|
||||
@endif
|
||||
<span><span class=money>{{ $product->price_amount }} TMT</span></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="d-flex flex-column w-100 m-0">
|
||||
|
||||
<div class="product-collection__options">
|
||||
<div class="product-options product-options--type-collection js-product-options" data-js-product-options>
|
||||
{{-- Color --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.colors') --}}
|
||||
|
||||
{{-- Size --}}
|
||||
{{-- @include('web.themes.shella.components.products.buttons.sizes-button') --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Variants (select) --}}
|
||||
{{-- @include('web.themes.shella.components.products.select.variants') --}}
|
||||
|
||||
<div class="product-collection__buttons d-flex mt-5 mt-lg-10">
|
||||
@include('web.themes.shella.components.products.buttons.add-to-cart', [
|
||||
'product_id' => $product->id
|
||||
])
|
||||
|
||||
@include('web.themes.shella.components.products.buttons.add-to-wishlist', [
|
||||
'product_id' => $product->id
|
||||
])
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-collection__reviews">
|
||||
<div class="spr spr--text-hide spr--empty-hide d-flex flex-column">
|
||||
<span class="shopify-product-reviews-badge" data-id="1494579609652"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="product-collection__variants mb-10 d-none">
|
||||
<select name="id" class="m-0" data-js-product-variants>
|
||||
<option selected="selected" value="13793281441844">White / 30</option>
|
||||
<option value="13793286750260">White / 32</option>
|
||||
<option value="13793286783028">White / 34</option>
|
||||
<option value="13793286815796">White / 36</option>
|
||||
<option value="13793286848564">Green / 30</option>
|
||||
<option disabled="disabled" value="13793286881332">Green / 32</option>
|
||||
<option disabled="disabled" value="13793286914100">Green / 34</option>
|
||||
<option disabled="disabled" value="13793286946868">Green / 36</option>
|
||||
<option disabled="disabled" value="13793286979636">Pink / 30</option>
|
||||
<option disabled="disabled" value="13793287012404">Pink / 32</option>
|
||||
<option disabled="disabled" value="13793287045172">Pink / 34</option>
|
||||
<option value="13793287077940">Pink / 36</option>
|
||||
<option value="13793287110708">Black / 30</option>
|
||||
<option value="13793287143476">Black / 32</option>
|
||||
<option value="13793287176244">Black / 34</option>
|
||||
<option value="13793287209012">Black / 36</option>
|
||||
<option value="13793287241780">Gainsboro / 30</option>
|
||||
<option value="13793287274548">Gainsboro / 32</option>
|
||||
<option value="13793287307316">Gainsboro / 34</option>
|
||||
<option value="13793287340084">Gainsboro / 36</option>
|
||||
</select>
|
||||
</div>
|
||||
@@ -0,0 +1,97 @@
|
||||
<div class="widget-product" title="{{ $product->name }}">
|
||||
<a href="{{ $product->showPage() }}" style="width: 100%;">
|
||||
<div class="image-container rimage">
|
||||
<img class="p-card-img lazyload"
|
||||
src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
data-src="{{ $product->thumbnail('288x431') }}"
|
||||
data-srcset="{{ $product->thumbnail('288x431') }} 1x, {{ $product->thumbnail('288x431') }} 2x"
|
||||
>
|
||||
{{-- Kargo bedavo bage --}}
|
||||
<div class="product-stamps">
|
||||
{{-- @if($product->isNew())
|
||||
<div class="stamp-box-wrapper enhanced">
|
||||
<div class="stamp fc text-center">
|
||||
<div class="inner text-uppercase">{{ __('New') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif --}}
|
||||
<div class="custom-stamp-box-wrapper">
|
||||
<div class="upper-left">
|
||||
{{-- <img src="https://cdn.dsmcdn.com/mnresize/250/250/indexing-sticker-stamp/moon/e68c3d96-a877-4e49-923b-ca420419ab40.png" style="width: 25%;"> --}}
|
||||
{{-- <img src="https://cdn.dsmcdn.com/mnresize/250/250/marketing/datascience/automation/2020/12/9/EnCokSatan_202012091129.png" style="width: 25%;"> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="description fixed-elements">
|
||||
<div class="product-brand-description two-line-text">
|
||||
<span class="name">{{ Str::limit($product->name, 46, '...') }}</span>
|
||||
{{-- <span class="product-stock">({{ $product->options_stock }})</span> --}}
|
||||
</div>
|
||||
<div class="ratings">
|
||||
<div class="star-w">
|
||||
<div class="empty">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
<div class="full" style="width: 100%; max-width: 100%;">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="star-w">
|
||||
<div class="empty">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
<div class="full" style="width: 100%; max-width: 100%;">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="star-w">
|
||||
<div class="empty">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
<div class="full" style="width: 100%; max-width: 100%;">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="star-w">
|
||||
<div class="empty">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
<div class="full" style="width: 100%; max-width: 100%;">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="star-w">
|
||||
<div class="empty">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
<div class="full" style="width: 88%; max-width: 100%;">
|
||||
<div class="star"></div>
|
||||
</div>
|
||||
</div><span class="ratingCount">(1534)</span>
|
||||
</div>
|
||||
<div class="price-container">
|
||||
<div class="prices">
|
||||
<div>
|
||||
<div class="price-box discounted">{{ $product->price_amount }} TMT</div>
|
||||
@if($product->old_price_amount)
|
||||
<div class="price-box original">{{ $product->old_price_amount }} TMT</div>
|
||||
@endif
|
||||
</div>
|
||||
<div>
|
||||
@if($product->old_price_amount)
|
||||
<div class="price-discount-box ml-5">{{ $product->discountPercentage() }}%</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@include('web.themes.trendyol.components.products.buttons.add-to-wishlist', [
|
||||
'product_id' => $product->id
|
||||
])
|
||||
@include('web.themes.trendyol.components.products.buttons.add-to-cart', [
|
||||
'product_id' => $product->id
|
||||
])
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
@push('header-css')
|
||||
<style>
|
||||
.component-list .widget-container:not(.no-padding) .widget-product {
|
||||
height: 320px !important;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
<div class="styles-module_sliderBase__swkx1 product-slider" data-testid="carousel">
|
||||
<div
|
||||
data-arrow="left"
|
||||
onclick="sideScroll(this.parentElement.querySelector('[data-widget=carousel-container]'),'left',25,1000,100)"
|
||||
>
|
||||
<button class="arrow-btn"></button>
|
||||
</div>
|
||||
|
||||
<div
|
||||
data-arrow="right"
|
||||
onclick="sideScroll(this.parentElement.querySelector('[data-widget=carousel-container]'),'right',25,1000,100)"
|
||||
>
|
||||
<button class="arrow-btn"></button>
|
||||
</div>
|
||||
|
||||
<div class="styles-module_slider__o0fqa" data-widget="carousel-container">
|
||||
@foreach($products as $product)
|
||||
@include('web.themes.shella.components.products.trendyol.carousel-item', [
|
||||
'product' => $product
|
||||
])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,116 @@
|
||||
<div class="popup__body position-relative d-none justify-content-end" data-js-popup-name="account" data-popup-right>
|
||||
<div class="popup-account py-25 px-20 js-popup-account" data-popup-content>
|
||||
<div class="popup-account__login">
|
||||
<div class="popup-account__head d-flex align-items-center mb-10">
|
||||
<h5 class="m-0 text-capitalize">{{ __('MY ACCOUNT') }}</h5>
|
||||
<i class="popup-account__close ml-auto cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<form action="#" method="POST" id="popup_customer_login" class="mb-15" onsubmit="loginAction(event)">
|
||||
@csrf
|
||||
|
||||
<div id="PopupCustomerPhoneContainer">
|
||||
<label for="PopupCustomerPhone" class="label-required text-capitalize">{{ __('Phone number') }}</label>
|
||||
<input type="text" name="phone_number" id="PopupCustomerPhone"
|
||||
placeholder="{{ __('Your phone number') }}" spellcheck="false" autocomplete="off"
|
||||
autocapitalize="off">
|
||||
</div>
|
||||
|
||||
<div id="PopupCustomerVerificationCodeContainer" class="d-none">
|
||||
<label for="PopupCustomerVerificationCode" class="label-required text-capitalize">{{ __('Verification code') }}</label>
|
||||
<input type="number" name="verification_code" id="PopupCustomerVerificationCode" class=""
|
||||
placeholder="{{ __('Verification code sent to you via sms') }}" spellcheck="false" autocomplete="off"
|
||||
autocapitalize="off">
|
||||
</div>
|
||||
|
||||
|
||||
{{-- <div>
|
||||
<label for="PopupCustomerPassword" class="label-required">PASSWORD</label>
|
||||
<input type="password" name="customer[password]" id="PopupCustomerPassword" class=""
|
||||
placeholder="••••••" required="required">
|
||||
</div> --}}
|
||||
|
||||
<input type="submit" class="btn btn--full btn--secondary mb-20" value="{{ __('Login') }}">
|
||||
<div class="mb-15">
|
||||
<span class="popup-account__return-to-store btn-link text-uppercase" data-js-popup-close>{{ __('RETURN TO STORE') }}</span>
|
||||
</div>
|
||||
<div class="mb-10">
|
||||
|
||||
{{-- <a href="login.html" class="btn-link js-button-block-visibility" data-block-link="#recover" data-action="open" data-action-close-popup="account">Forgot Your Password?</a> --}}
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "buttons_blocks_visibility"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr class="my-15"/>
|
||||
<div class="popup-account__head d-flex align-items-center mb-10">
|
||||
<h5 class="m-0 text-uppercase">{{ __('Sign up') }}</h5>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
|
||||
<p class="h6 mb-15">{{ __('Enjoy the benefits of registering') }}:</p>
|
||||
<ul class="mb-20">
|
||||
<li class="mb-15">{{ __('Order: view Order History, track and manage purchases and returns') }}</li>
|
||||
{{-- <li class="mb-15">
|
||||
Address Book and Card Wallet: safely store delivery and payment details --}}
|
||||
{{-- for faster checkout --}}
|
||||
{{-- </li> --}}
|
||||
<li class="mb-15">{{ __('Saved for later: wish list your preferred items and track their availability') }}</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
{{-- <a href="register.html" class="btn btn--full btn--secondary mb-20 js-popup-account-show-sign-up">Sign up now!</a> --}}
|
||||
</div>
|
||||
<div class="popup-account__sign-up d-none-important">
|
||||
<div class="popup-account__head d-flex align-items-center mb-10">
|
||||
<h5 class="m-0">SIGN UP</h5>
|
||||
<i class="popup-account__close ml-auto cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<form method="post" action="/account" id="popup_create_customer" accept-charset="UTF-8"><input
|
||||
type="hidden" name="form_type" value="create_customer"/><input type="hidden" name="utf8"
|
||||
value="✓"/>
|
||||
|
||||
<div>
|
||||
<label for="PopupCustomerEmail" class="label-required">FIRST NAME</label>
|
||||
<input type="text" name="customer[first_name]" id="PopupFirstName"
|
||||
placeholder="Enter Please Your First Name" required="required">
|
||||
</div>
|
||||
<div>
|
||||
<label for="PopupCustomerEmail" class="label-required">LAST NAME</label>
|
||||
<input type="text" name="customer[last_name]" id="PopupLastName"
|
||||
placeholder="Enter Please Your Last Name" required="required">
|
||||
</div>
|
||||
<div>
|
||||
<label for="PopupCustomerEmail" class="label-required">EMAIL</label>
|
||||
<input type="email" name="customer[email]" id="PopupEmail" class=""
|
||||
placeholder="Enter Please Your Email Address" value="" spellcheck="false"
|
||||
autocomplete="off" autocapitalize="off" required="required">
|
||||
</div>
|
||||
<div>
|
||||
<label for="PopupCustomerPassword" class="label-required">PASSWORD</label>
|
||||
<input type="password" name="customer[password]" id="PopupCreatePassword" class=""
|
||||
placeholder="••••••" required="required">
|
||||
</div>
|
||||
<input type="submit" class="btn btn--full btn--secondary mb-20" value="Sign up now!">
|
||||
<div class="mb-15">
|
||||
<span class="popup-account__return-to-store btn-link"
|
||||
data-js-popup-close>RETURN TO STORE</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,85 @@
|
||||
<div class="popup__body position-relative d-none justify-content-end" data-js-popup-name="cart" data-popup-right data-js-popup-ajax id="cart-sidebar">
|
||||
<div class="popup-cart py-25 px-20 js-popup-cart-ajax" data-popup-content>
|
||||
<div class="popup-cart__head d-flex align-items-center">
|
||||
<h5 class="m-0">
|
||||
{{ __('MY BAG') }}
|
||||
<span data-js-popup-cart-count>(@{{ cart_count }})</span>
|
||||
</h5>
|
||||
<i class="popup-cart__close ml-auto cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="popup-cart__content">
|
||||
<div class="popup-cart__items mt-15 border-bottom">
|
||||
<div v-for="product in cartProducts">
|
||||
<div class="product-cart d-flex flex-row align-items-start mb-20" data-js-product=""
|
||||
:data-product-variant-id="product.id">
|
||||
<div class="product-cart__image mr-15">
|
||||
<a :href="routeFor(product.slug)" class="d-block">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
:srcset="imageFor(product.image)"
|
||||
:alt="product.name"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-cart__content d-flex flex-column align-items-start">
|
||||
<div class="product-cart__title mb-3">
|
||||
<h3 class="h6 m-0">
|
||||
<a :href="routeFor(product.slug)">
|
||||
@{{ product.name }}
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="product-cart__variant">@{{ product.brand?.name }}</div>
|
||||
<div class="product-cart__price mt-10 mb-10">
|
||||
<span class="product-cart__quantity">@{{ product.quantity }}</span>
|
||||
<span>x</span>
|
||||
<span class="price">
|
||||
<span>
|
||||
<span class="money">@{{ product.price_amount }} TMT</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<a href="#" class="btn-link" @click="removeCartItem(product.id)">{{ __('Remove') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Subtotal --}}
|
||||
{{-- <div class="popup-cart__subtotal h5 d-flex align-items-center mt-15 mb-0">
|
||||
<p class="m-0">SUBTOTAL: $821</p>
|
||||
<span class="ml-auto">
|
||||
<span class="price" data-js-popup-cart-subtotal></span>
|
||||
</span>
|
||||
</div> --}}
|
||||
|
||||
{{-- Free shipping --}}
|
||||
{{-- <div class="popup-cart__free-shipping my-20">
|
||||
<div class="free-shipping position-relative px-6 py-3 text-lg-left js-free-shipping"
|
||||
data-value="20000">
|
||||
<div class="free-shipping__progress position-absolute top-0 left-0 h-100" data-js-progress
|
||||
style="width: 100.0%;"></div>
|
||||
<div class="free-shipping__text position-relative">
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-127" viewBox="0 0 24 24">
|
||||
<path d="M21.648 12.672c.104.052.188.13.254.234a.62.62 0 0 1 .098.332v5a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.559a3.043 3.043 0 0 1-1.074 1.787 3.03 3.03 0 0 1-1.992.713c-.756 0-1.42-.238-1.992-.713a3.028 3.028 0 0 1-1.074-1.787h-1.309a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439V4.488H2.625a.597.597 0 0 1-.439-.186A.597.597 0 0 1 2 3.863a.6.6 0 0 1 .186-.439.597.597 0 0 1 .439-.186h8.75a.6.6 0 0 1 .439.186c.123.124.186.27.186.439v2.5h5a.614.614 0 0 1 .586.41l1.797 4.766 2.265 1.133zM9.314 9.674c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75a.597.597 0 0 1-.439-.186.597.597 0 0 1-.186-.439.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186h3.75a.6.6 0 0 1 .439.186zm0 3.125c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.5a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186h2.5a.6.6 0 0 1 .439.186zm11.436 4.814v-3.984l-2.148-1.074a.635.635 0 0 1-.195-.146.557.557 0 0 1-.117-.205l-1.719-4.59H12v10h.684a3.033 3.033 0 0 1 1.074-1.787 3.026 3.026 0 0 1 1.992-.713 3.03 3.03 0 0 1 1.992.713 3.041 3.041 0 0 1 1.074 1.787h1.934zm-3.936-6.064c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.5a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439v-2.5a.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186.6.6 0 0 1 .439.186c.123.124.186.27.186.439v1.875h1.875a.6.6 0 0 1 .439.186zm.264 8.017a1.81 1.81 0 0 0 .547-1.328 1.81 1.81 0 0 0-.547-1.328 1.812 1.812 0 0 0-1.328-.547 1.81 1.81 0 0 0-1.328.547 1.808 1.808 0 0 0-.547 1.328c0 .521.182.964.547 1.328.364.365.807.547 1.328.547s.963-.182 1.328-.547z"/>
|
||||
</svg>
|
||||
</i> <span data-js-text>Free Shipping</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="popup-cart__buttons mt-15">
|
||||
@auth
|
||||
<a href="{{ route('web.pages.cart') }}" class="btn btn--full btn--secondary text-uppercase">{{ __('PROCEED TO CHECKOUT') }}</a>
|
||||
@endauth
|
||||
{{-- <a href="{{ route('web.pages.cart') }}" class="btn btn--full mt-20 text-uppercase">{{ __('VIEW SHOPPING BAG') }}</a> --}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-cart__empty mt-20 d-none-important">{{ __('Your shopping bag is empty') }}.</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,104 @@
|
||||
<div class="popup__body position-relative d-none justify-content-end" data-js-popup-name="services" data-popup-right>
|
||||
<div class="popup-services py-25 px-20" data-popup-content>
|
||||
<div class="popup-services__head d-flex align-items-center mb-10">
|
||||
<h5 class="m-0 text-uppercase">{{ __('Here to help') }}</h5>
|
||||
<i class="account__close ml-auto cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="popup-services__content">
|
||||
|
||||
<div class="popup-services__content">
|
||||
<p>
|
||||
{{ __('Have a question? You may find an answer in our') }}: <a href="{{ route('web.faq') }}" class="btn-link">{{ __('FAQ') }}</a>.<br>
|
||||
</p>
|
||||
|
||||
<h6 class="mb-20">{{ __('Customer Services') }}</h6>
|
||||
<p class="d-flex align-items-start">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-197" viewBox="0 0 24 24">
|
||||
<path d="M17.625 21.729c-2.148 0-4.174-.41-6.074-1.23a15.799 15.799 0 0 1-4.971-3.35c-1.413-1.413-2.529-3.069-3.35-4.971S2 8.253 2 6.104c0-.078.016-.156.049-.234a.864.864 0 0 1 .127-.215L5.301 2.53a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l4.375 4.375c.117.13.176.28.176.449s-.059.319-.176.449l-2.695 2.676 5.371 5.371 2.676-2.695a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l4.375 4.375c.117.13.176.28.176.449s-.059.319-.176.449l-3.125 3.125a.91.91 0 0 1-.215.127.596.596 0 0 1-.234.049zM5.75 3.858l-2.5 2.5c.039 1.927.433 3.74 1.182 5.439a14.528 14.528 0 0 0 3.037 4.463c1.275 1.276 2.764 2.288 4.463 3.037s3.512 1.143 5.439 1.182l2.5-2.5-3.496-3.496-2.676 2.695a.654.654 0 0 1-.449.176.65.65 0 0 1-.449-.176l-6.25-6.25c-.117-.13-.176-.28-.176-.449s.059-.319.176-.449l2.695-2.676L5.75 3.858z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="text-capitizalize">{{ __('Call us') }}</span>: +993 (12) 92-14-95
|
||||
</p>
|
||||
<p class="d-flex align-items-start"><i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-234" viewBox="0 0 24 24">
|
||||
<path d="M16.053 3.083a10.212 10.212 0 0 1 3.174 2.148c.905.905 1.621 1.963 2.148 3.174s.791 2.507.791 3.887-.264 2.676-.791 3.887-1.244 2.269-2.148 3.174c-.905.905-1.963 1.621-3.174 2.148s-2.507.791-3.887.791-2.676-.264-3.887-.791-2.269-1.243-3.174-2.148c-.905-.905-1.621-1.963-2.148-3.174s-.791-2.506-.791-3.887c0-1.38.264-2.676.791-3.887S4.2 6.136 5.105 5.231c.906-.905 1.964-1.621 3.175-2.148s2.506-.791 3.887-.791c1.38 0 2.675.263 3.886.791zm-3.261 17.92a8.722 8.722 0 0 0 5.557-2.529 8.728 8.728 0 0 0 2.529-5.557h-2.461a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h2.461a8.742 8.742 0 0 0-2.529-5.557 8.742 8.742 0 0 0-5.557-2.529v2.461a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439V3.581A8.728 8.728 0 0 0 5.985 6.11a8.722 8.722 0 0 0-2.529 5.557h2.461a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186H3.456a8.614 8.614 0 0 0 .781 3.047c.442.951 1.025 1.787 1.748 2.51s1.559 1.306 2.51 1.748c.95.443 1.966.703 3.047.781v-2.461a.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v2.461zm3.564-9.151a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75a.58.58 0 0 1-.283-.068.736.736 0 0 1-.225-.186l-3.75-5a.56.56 0 0 1-.117-.458.609.609 0 0 1 .254-.42.57.57 0 0 1 .459-.117.61.61 0 0 1 .419.254l3.555 4.746h3.438c.169 0 .315.062.439.185z"/>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Mon-Fri') }}: 09:00-19:00 <br>{{ __('Sat') }}: 09:00-18:00<br>{{ __('Sun') }}: 09:00–16:00
|
||||
</p>
|
||||
<p class="d-flex align-items-start">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-153" viewBox="0 0 24 24">
|
||||
<path d="M22.072 4.807c.013.026.02.049.02.068v.068c.013.026.02.046.02.059v13.75c0 .17-.062.316-.186.439a.601.601 0 0 1-.439.186H2.736a.598.598 0 0 1-.439-.186.598.598 0 0 1-.186-.439V5.002c0-.013.006-.032.02-.059v-.068c0-.019.006-.042.02-.068a.125.125 0 0 0 .029-.049.444.444 0 0 1 .029-.068.145.145 0 0 0 .02-.059c.013 0 .022-.003.029-.01a.04.04 0 0 0 .01-.029l.038-.039a.214.214 0 0 1 .059-.039l.039-.039c.013-.013.032-.02.059-.02a.125.125 0 0 1 .049-.029.184.184 0 0 1 .049-.01c.026-.013.049-.02.068-.02s.042-.006.068-.02H21.525c.026.014.049.02.068.02s.042.007.068.02c.013 0 .029.004.049.01.02.007.036.017.049.029.026 0 .045.007.059.02l.039.039a.286.286 0 0 1 .059.039l.039.039c0 .014.003.023.01.029.006.007.016.01.029.01 0 .014.006.033.02.059a.587.587 0 0 0 .039.068.102.102 0 0 1 .019.049zm-1.211 13.32V6.232l-8.379 6.152a.57.57 0 0 1-.176.088.659.659 0 0 1-.566-.088L3.361 6.232v11.895h17.5zM4.65 5.627l7.461 5.469 7.461-5.469H4.65z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<a href="mailto:contact@post.shop.tm" class="btn-link">{{ __('Send us an email') }}.</a></p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="popup-services__head d-flex align-items-center mb-15">
|
||||
<h5 class="m-0">{{ __('Shipping') }}</h5>
|
||||
</div>
|
||||
<div class="popup-services__content">
|
||||
<p class="d-flex align-items-start">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-116" viewBox="0 0 24 24">
|
||||
<path d="M21.93 6.088l.029.029c.007.007.01.017.01.029l.039.127a.47.47 0 0 1 .02.127v15a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186H2.652a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.47.47 0 0 1 .02-.127l.039-.127c0-.013.003-.022.01-.029a.387.387 0 0 0 .029-.029.478.478 0 0 1 .049-.078.844.844 0 0 1 .049-.059l.02-.02 4.375-3.75a.776.776 0 0 1 .195-.117.575.575 0 0 1 .215-.039h10c.078 0 .149.013.215.039.065.026.13.065.195.117l4.375 3.75v.02a.19.19 0 0 1 .068.059.557.557 0 0 1 .049.078zm-1.153 14.687V7.025h-5.625v5.625a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-5a.6.6 0 0 1-.439-.186.6.6 0 0 1-.186-.439V7.025H3.277v13.75h17.5zM7.262 3.275l-2.93 2.5h4.805l1.25-2.5H7.262zm2.89 8.75h3.75v-5h-3.75v5zm1.641-8.75l-1.25 2.5h2.969l-1.25-2.5h-.469zm7.93 2.5l-2.93-2.5h-3.125l1.25 2.5h4.805z"/>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Cheap shipping delivery all orders across any product category qualify.') }}
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="popup-services__head d-flex align-items-center mb-15">
|
||||
<h5 class="m-0 text-uppercase">{{ __('Payments') }}</h5>
|
||||
</div>
|
||||
<div class="popup-services__content">
|
||||
<h6 class="mb-20">{{ __('Accepts the following payment methods') }}:</h6>
|
||||
<p class="d-flex align-items-start">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-125" viewBox="0 0 24 24">
|
||||
<path d="M21.508 5.035c.364.365.547.808.547 1.328v11.25c0 .521-.183.964-.547 1.328a1.808 1.808 0 0 1-1.328.547H3.93c-.521 0-.964-.182-1.328-.547a1.805 1.805 0 0 1-.547-1.328V6.363c0-.521.182-.963.547-1.328a1.81 1.81 0 0 1 1.328-.547h16.25c.521 0 .964.183 1.328.547zm-18.017.889a.6.6 0 0 0-.186.439v1.25h17.5v-1.25a.6.6 0 0 0-.186-.439.598.598 0 0 0-.439-.186H3.93a.598.598 0 0 0-.439.186zm-.186 4.814h17.5V8.863h-17.5v1.875zm17.315 7.315a.6.6 0 0 0 .186-.439v-5.625h-17.5v5.625c0 .169.062.316.186.439a.6.6 0 0 0 .439.186h16.25a.605.605 0 0 0 .439-.186zM9.995 14.674a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186H5.18a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h4.375c.169 0 .316.062.44.186zm9.375 0a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-1.25a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h1.25c.168 0 .315.062.439.186z"/>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Credit cards') }}
|
||||
</p>
|
||||
|
||||
<p class="d-flex align-items-start">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-034" viewBox="0 0 24 24">
|
||||
<path d="M21.616 5.981a.609.609 0 0 1 .176.449v13.75c0 .183-.059.332-.176.449s-.267.176-.449.176H2.416a.607.607 0 0 1-.449-.176.609.609 0 0 1-.176-.449V6.43c0-.182.059-.332.176-.449a.609.609 0 0 1 .449-.176h.625v-1.25c0-.182.059-.332.176-.449a.609.609 0 0 1 .449-.176h16.25c.182 0 .332.059.449.176a.609.609 0 0 1 .176.449v1.25h.625c.182 0 .332.059.45.176zm-1.075 1.074h-17.5v12.5h17.5v-12.5zm-16.25-1.25h15V5.18h-15v.625zm14.825 5.176a.609.609 0 0 1 .176.449v3.75c0 .183-.059.332-.176.449s-.267.176-.449.176c-.534 0-.98.179-1.338.537-.358.358-.537.804-.537 1.338 0 .183-.059.332-.176.449s-.267.176-.449.176h-8.75c-.183 0-.332-.059-.449-.176s-.176-.267-.176-.449c0-.534-.179-.979-.537-1.338-.358-.358-.804-.537-1.338-.537-.183 0-.332-.059-.449-.176s-.176-.267-.176-.449v-3.75c0-.182.059-.332.176-.449s.267-.176.449-.176c.534 0 .979-.179 1.338-.537.357-.358.536-.803.536-1.338 0-.182.059-.332.176-.449s.267-.176.449-.176h8.75c.182 0 .332.059.449.176s.176.267.176.449c0 .534.179.98.537 1.338.358.358.804.537 1.338.537.182 0 .332.059.45.176zm-1.075 1.016a3.084 3.084 0 0 1-1.592-.85 3.084 3.084 0 0 1-.85-1.592H7.983a3.092 3.092 0 0 1-.85 1.592c-.437.437-.967.72-1.592.85v2.617a3.103 3.103 0 0 1 2.442 2.442H15.6a3.099 3.099 0 0 1 2.442-2.442v-2.617zm-4.482-.459a2.41 2.41 0 0 1 .732 1.768c0 .69-.244 1.279-.732 1.768s-1.078.732-1.768.732-1.279-.244-1.768-.732-.732-1.077-.732-1.768c0-.69.244-1.279.732-1.768s1.077-.732 1.768-.732c.69-.001 1.28.243 1.768.732zm-.889 2.646c.247-.247.371-.54.371-.879 0-.338-.124-.631-.371-.879a1.205 1.205 0 0 0-.879-.371c-.339 0-.632.124-.879.371a1.2 1.2 0 0 0-.371.879c0 .339.124.632.371.879.247.248.54.371.879.371.339 0 .632-.123.879-.371z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Cash') }}
|
||||
</p>
|
||||
|
||||
<p class="d-flex align-items-start">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-124" viewBox="0 0 24 24">
|
||||
<path d="M21.897 2.174a.601.601 0 0 1 .186.439v3.75a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439V3.238h-17.5v3.125a.598.598 0 0 1-.186.439.596.596 0 0 1-.439.186.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439v-3.75a.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h18.75a.6.6 0 0 1 .439.186zm-2.5 2.5a.601.601 0 0 1 .186.439v15c0 .521-.183.963-.547 1.328a1.812 1.812 0 0 1-1.328.547H6.458a1.81 1.81 0 0 1-1.328-.547 1.807 1.807 0 0 1-.547-1.328v-15a.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h13.75a.6.6 0 0 1 .439.186zM6.019 20.553a.6.6 0 0 0 .439.186h1.25v-15H5.833v14.375a.6.6 0 0 0 .186.439zM8.958 5.738v15h1.875v-15H8.958zm9.375 0h-6.25v15h5.625a.6.6 0 0 0 .439-.186.6.6 0 0 0 .186-.439V5.738zm-2.939 4.19a.6.6 0 0 1-.186-.439v-1.25a.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v1.25a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186.602.602 0 0 1-.439-.186zm0 8.75a.6.6 0 0 1-.186-.439v-3.75a.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v3.75a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186.602.602 0 0 1-.439-.186z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Terminal') }}
|
||||
</p>
|
||||
</div>
|
||||
{{-- <hr> --}}
|
||||
{{-- <div class="popup-services__head d-flex align-items-center mb-15">
|
||||
<h5 class="m-0">RETURN POLICY</h5>
|
||||
</div>
|
||||
<div class="popup-services__content">
|
||||
<p class="d-flex align-items-start">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-009" viewBox="0 0 24 24">
|
||||
<path d="M2.453 8.299c-.026-.039-.048-.075-.068-.107a2.896 2.896 0 0 0-.068-.107.715.715 0 0 1 0-.469 2.48 2.48 0 0 0 .068-.107c.02-.033.042-.068.068-.107l5-5a.9.9 0 0 1 .215-.128c.078-.032.156-.049.234-.049s.156.017.234.049a.93.93 0 0 1 .215.127c.117.13.176.28.176.449a.652.652 0 0 1-.176.449L4.407 7.225h10.059a6.36 6.36 0 0 1 2.549.518 6.63 6.63 0 0 1 2.09 1.406c.593.592 1.062 1.289 1.406 2.09s.518 1.65.518 2.549-.173 1.748-.518 2.549a6.63 6.63 0 0 1-1.406 2.09 6.647 6.647 0 0 1-2.09 1.406 6.373 6.373 0 0 1-2.549.518H8.528a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439c0-.169.062-.316.186-.439a.595.595 0 0 1 .439-.187h5.938a5.12 5.12 0 0 0 2.061-.42 5.397 5.397 0 0 0 1.689-1.143 5.454 5.454 0 0 0 1.143-1.689 5.12 5.12 0 0 0 .42-2.061c0-.729-.14-1.416-.42-2.061a5.397 5.397 0 0 0-2.832-2.832 5.116 5.116 0 0 0-2.061-.42H4.407L8.352 12.4c.117.13.176.28.176.449a.652.652 0 0 1-.176.449.652.652 0 0 1-.449.176.652.652 0 0 1-.449-.176L2.453 8.299z"/>
|
||||
</svg>
|
||||
</i>You can return any item purchased on Shella within 20 days of the delivery date.
|
||||
</p>
|
||||
</div> --}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,656 @@
|
||||
<div class="popup__body position-relative d-none show visible" data-js-popup-name="sidebar" data-popup-left="">
|
||||
<div class="popup-sidebar popup-sidebar--width-md py-30 px-20" data-popup-content="">
|
||||
<div class="popup-sidebar__head">
|
||||
<div class="popup-sidebar__close d-flex align-items-center cursor-pointer" data-js-popup-close="">
|
||||
<i class="mr-lg-5">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="d-none d-lg-inline text-uppercase">{{ __('Close') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-sidebar__content pt-50" data-js-position-all="sidebar">
|
||||
<aside class="collection-sidebar js-position js-collection-sidebar" data-js-collection-sidebar="" data-js-position-name="sidebar" data-js-position-onload="">
|
||||
<nav class="collection-sidebar__navigation">
|
||||
<div class="layer-navigation d-none" data-js-collection-nav-section="current_filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button="">
|
||||
<h5 class="d-flex align-items-center mb-0 text-uppercase">
|
||||
{{ __('Current filters') }}
|
||||
<i class="layer-navigation__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content="">
|
||||
<div class="pt-2 pb-10">
|
||||
<div data-js-collection-replace="current-tags">
|
||||
<p class="mb-8">
|
||||
{{ __('There are no current tags') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div>
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="collections" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button="">
|
||||
<h5 class="d-flex align-items-center mb-0">
|
||||
{{ __('Category') }}
|
||||
<i class="layer-navigation__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content="">
|
||||
<div class="pt-2 pb-10">
|
||||
<div class="collections-menu" data-js-collections-menu="">
|
||||
<div class="collections-menu__item" data-js-accordion="all" data-section-for-collection="womens">
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer" data-js-accordion-button="">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="womens" checked="checked" data-js-accordion-input="" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Women's</span>
|
||||
</label>
|
||||
<i class="collections-menu__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="ml-auto">42</span>
|
||||
</div>
|
||||
<div class="collections-menu__list ml-25" data-js-accordion-content="">
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="women-clothing" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Clothing</span>
|
||||
</label>
|
||||
<span class="ml-auto">21</span>
|
||||
</div>
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="women-shoes" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Shoes</span>
|
||||
</label>
|
||||
<span class="ml-auto">15</span>
|
||||
</div>
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="women-accessories" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Accessories</span>
|
||||
</label>
|
||||
<span class="ml-auto">12</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collections-menu__item" data-js-accordion="all" data-section-for-collection="mens">
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer" data-js-accordion-button="">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="mens" data-js-accordion-input="" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Men's</span>
|
||||
</label>
|
||||
<i class="collections-menu__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="ml-auto">22</span>
|
||||
</div>
|
||||
<div class="collections-menu__list d-none ml-25" data-js-accordion-content="">
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="men-clothing" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Clothing</span>
|
||||
</label>
|
||||
<span class="ml-auto">15</span>
|
||||
</div>
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="men-shoes" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Shoes</span>
|
||||
</label>
|
||||
<span class="ml-auto">12</span>
|
||||
</div>
|
||||
<div class="collections-menu__button d-flex align-items-center mb-15 mb-lg-9 cursor-pointer">
|
||||
<label class="input-checkbox d-flex align-items-center mb-0 mr-0 cursor-pointer">
|
||||
<input type="radio" class="d-none" name="collection" value="men-accessories" data-wg-notranslate="manual">
|
||||
<span class="position-relative d-block mr-8 border">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>Accessories</span>
|
||||
</label>
|
||||
<span class="ml-auto">15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button="">
|
||||
<h5 class="d-flex align-items-center mb-0">
|
||||
COLOR
|
||||
<i class="layer-navigation__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content="">
|
||||
<div class="pt-2 pb-10">
|
||||
<div data-js-collection-replace="filter-1" data-js-collection-replace-only-full="">
|
||||
<div class="collection-filters d-flex flex-wrap" data-js-collection-filters="" data-property="color">
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="red">
|
||||
<span class="position-relative d-block rounded-circle standard-color-red lazyload" data-value="red" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="orange">
|
||||
<span class="position-relative d-block rounded-circle standard-color-orange lazyload" data-value="orange" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="yellow">
|
||||
<span class="position-relative d-block rounded-circle standard-color-yellow lazyload" data-value="yellow" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="green">
|
||||
<span class="position-relative d-block rounded-circle standard-color-green lazyload" data-value="green" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="black">
|
||||
<span class="position-relative d-block rounded-circle standard-color-black lazyload" data-value="black" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="silver">
|
||||
<span class="position-relative d-block rounded-circle standard-color-silver lazyload" data-value="silver" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="blue">
|
||||
<span class="position-relative d-block rounded-circle standard-color-blue lazyload" data-value="blue" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="grey">
|
||||
<span class="position-relative d-block rounded-circle standard-color-grey lazyload" data-value="grey" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="white">
|
||||
<span class="position-relative d-block rounded-circle standard-color-white lazyload" data-value="white" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="violet">
|
||||
<span class="position-relative d-block rounded-circle standard-color-violet lazyload" data-value="violet" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 mr-15 mr-lg-10 input-checkbox--unbordered cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_color" value="pink">
|
||||
<span class="position-relative d-block rounded-circle standard-color-pink lazyload" data-value="pink" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none standard-color-arrow">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button="">
|
||||
<h5 class="d-flex align-items-center mb-0">
|
||||
SIZE
|
||||
<i class="layer-navigation__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content="">
|
||||
<div class="pt-2 pb-10">
|
||||
<div data-js-collection-replace="filter-2" data-js-collection-replace-only-full="">
|
||||
<div class="collection-filters row" data-js-collection-filters="">
|
||||
<div class="col-6 mb-10">
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="30">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>30</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="32">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>32</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="34">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>34</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="36">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>36</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="38">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>38</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="40">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>40</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="42">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>42</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="44">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>44</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-6 mb-10">
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xxs">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>XXS</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xs">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>XS</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="s">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>S</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="m">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>M</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="l">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>L</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xl">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>XL</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xxl">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>XXL</span>
|
||||
</label>
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="filter_by_tag" value="xxxl">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none" data-was-processed="true" style="background-image: none;">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>XXXL</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="filter_by_price" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button="">
|
||||
<h5 class="d-flex align-items-center mb-0">
|
||||
PRICE
|
||||
<i class="layer-navigation__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content="">
|
||||
<div class="pt-2 pb-10">
|
||||
<div class="collection-filter-by-price">
|
||||
<input type="hidden" class="js-range-of-price" name="filter_by_price" data-min="0" data-max="900" data-step="10">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
</div> --}}
|
||||
|
||||
<div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button="">
|
||||
<h5 class="d-flex align-items-center mb-0">
|
||||
{{ __('Brands') }}
|
||||
<i class="layer-navigation__arrow">
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content>
|
||||
<div class="pt-2 pb-10">
|
||||
<div data-js-collection-replace="filter-3" data-js-collection-replace-only-full>
|
||||
<div class="collection-filters row" data-js-collection-filters>
|
||||
<div class="col-12 mb-10">
|
||||
{{-- @foreach($brandRepository->filterBy($resource) as $filterBrand)
|
||||
<label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="brands[]" value="{{ $brand->id }}">
|
||||
<span class="position-relative d-block mr-8 border lazyload" data-bg="none">
|
||||
<i class="d-none">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
<span>{{ $brand->name }}</span>
|
||||
</label>
|
||||
@endforeach --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom"></div>
|
||||
<button class="btn text-white">{{ __('Filter') }}</button>
|
||||
</div>
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="custom_html" data-js-accordion="all">
|
||||
<div class="layer-navigation__head py-10 cursor-pointer" data-js-accordion-button="">
|
||||
<h5 class="d-flex align-items-center mb-0">CUSTOM CMS BLOCK</h5>
|
||||
</div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content="">
|
||||
<div class="pt-2 pb-10">
|
||||
<div class="rte">
|
||||
<div class="fs">
|
||||
<div class="d-flex align-items-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-116" viewBox="0 0 24 24">
|
||||
<path d="M21.93 6.088l.029.029c.007.007.01.017.01.029l.039.127a.47.47 0 0 1 .02.127v15a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186H2.652a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.47.47 0 0 1 .02-.127l.039-.127c0-.013.003-.022.01-.029a.387.387 0 0 0 .029-.029.478.478 0 0 1 .049-.078.844.844 0 0 1 .049-.059l.02-.02 4.375-3.75a.776.776 0 0 1 .195-.117.575.575 0 0 1 .215-.039h10c.078 0 .149.013.215.039.065.026.13.065.195.117l4.375 3.75v.02a.19.19 0 0 1 .068.059.557.557 0 0 1 .049.078zm-1.153 14.687V7.025h-5.625v5.625a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-5a.6.6 0 0 1-.439-.186.6.6 0 0 1-.186-.439V7.025H3.277v13.75h17.5zM7.262 3.275l-2.93 2.5h4.805l1.25-2.5H7.262zm2.89 8.75h3.75v-5h-3.75v5zm1.641-8.75l-1.25 2.5h2.969l-1.25-2.5h-.469zm7.93 2.5l-2.93-2.5h-3.125l1.25 2.5h4.805z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
<p class="mb-0">Free shipping all orders of $49 or more of eligible
|
||||
items across any product category qualify.
|
||||
</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-125" viewBox="0 0 24 24">
|
||||
<path d="M21.508 5.035c.364.365.547.808.547 1.328v11.25c0 .521-.183.964-.547 1.328a1.808 1.808 0 0 1-1.328.547H3.93c-.521 0-.964-.182-1.328-.547a1.805 1.805 0 0 1-.547-1.328V6.363c0-.521.182-.963.547-1.328a1.81 1.81 0 0 1 1.328-.547h16.25c.521 0 .964.183 1.328.547zm-18.017.889a.6.6 0 0 0-.186.439v1.25h17.5v-1.25a.6.6 0 0 0-.186-.439.598.598 0 0 0-.439-.186H3.93a.598.598 0 0 0-.439.186zm-.186 4.814h17.5V8.863h-17.5v1.875zm17.315 7.315a.6.6 0 0 0 .186-.439v-5.625h-17.5v5.625c0 .169.062.316.186.439a.6.6 0 0 0 .439.186h16.25a.605.605 0 0 0 .439-.186zM9.995 14.674a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186H5.18a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h4.375c.169 0 .316.062.44.186zm9.375 0a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-1.25a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h1.25c.168 0 .315.062.439.186z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
<p class="mb-0">Credit Card: Visa, MasterCard, Maestro, American
|
||||
Express. The total will be charged to your card when the order
|
||||
is shipped.
|
||||
</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-009" viewBox="0 0 24 24">
|
||||
<path d="M2.453 8.299c-.026-.039-.048-.075-.068-.107a2.896 2.896 0 0 0-.068-.107.715.715 0 0 1 0-.469 2.48 2.48 0 0 0 .068-.107c.02-.033.042-.068.068-.107l5-5a.9.9 0 0 1 .215-.128c.078-.032.156-.049.234-.049s.156.017.234.049a.93.93 0 0 1 .215.127c.117.13.176.28.176.449a.652.652 0 0 1-.176.449L4.407 7.225h10.059a6.36 6.36 0 0 1 2.549.518 6.63 6.63 0 0 1 2.09 1.406c.593.592 1.062 1.289 1.406 2.09s.518 1.65.518 2.549-.173 1.748-.518 2.549a6.63 6.63 0 0 1-1.406 2.09 6.647 6.647 0 0 1-2.09 1.406 6.373 6.373 0 0 1-2.549.518H8.528a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439c0-.169.062-.316.186-.439a.595.595 0 0 1 .439-.187h5.938a5.12 5.12 0 0 0 2.061-.42 5.397 5.397 0 0 0 1.689-1.143 5.454 5.454 0 0 0 1.143-1.689 5.12 5.12 0 0 0 .42-2.061c0-.729-.14-1.416-.42-2.061a5.397 5.397 0 0 0-2.832-2.832 5.116 5.116 0 0 0-2.061-.42H4.407L8.352 12.4c.117.13.176.28.176.449a.652.652 0 0 1-.176.449.652.652 0 0 1-.449.176.652.652 0 0 1-.449-.176L2.453 8.299z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
<p class="mb-0">Returns and Refunds: You can return any item
|
||||
purchased on Shella within 20 days of the delivery date.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="layer-navigation" data-js-collection-nav-section="promobox" data-js-accordion="all">
|
||||
<div class="pt-20"></div>
|
||||
<div class="layer-navigation__accordion" data-js-accordion-content="">
|
||||
<div class="pt-2 pb-10">
|
||||
<div class="promobox promobox--type-02 position-relative d-flex flex-column align-items-center text-center">
|
||||
<div class="w-100">
|
||||
<a href="product.html" class="w-100">
|
||||
<div class="image-animation image-animation--from-default image-animation--to-center image-animation--to-opacity">
|
||||
<div class="rimage" style="padding-top:128.1481481%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" class="rimage__img rimage__img--fade-in lazyload" data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_dbfb557e-a691-4822-9ece-255c7fa4a984_{width}x.progressive.png.jpg?v=1530696155" data-aspect-ratio="0.7803468208092486" data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_dbfb557e-a691-4822-9ece-255c7fa4a984_400x.progressive.png.jpg?v=1530696155 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_dbfb557e-a691-4822-9ece-255c7fa4a984_400x@2x.progressive.png.jpg?v=1530696155 2x" data-scale-perspective="1.1" alt=""></div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="promobox__plate position-absolute d-flex flex-column flex-center px-10 py-7 pointer-events-none">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">NEW
|
||||
IN
|
||||
</p>
|
||||
<p class="promobox__text-line-02 position-relative m-0">
|
||||
Spring/Summer 2018 Collection
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
</nav>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,55 @@
|
||||
<div id="likes-sidebar" class="popup__body position-relative d-none justify-content-end" data-js-popup-name="wishlist" data-popup-right data-js-popup-ajax>
|
||||
<div class="popup-wishlist py-25 px-20" data-popup-content>
|
||||
<div class="popup-wishlist__head d-flex align-items-center">
|
||||
<h5 class="m-0 text-uppercase">{{ __('MY WISH LIST') }}
|
||||
<span id="sidebar-wishlist-count">( @{{ wishlist_count }} )</span>
|
||||
</h5>
|
||||
<i class="popup-wishlist__close ml-auto cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="popup-wishlist__content">
|
||||
<div class="popup-wishlist__items mt-15 border-bottom">
|
||||
@verbatim
|
||||
<div v-for="product in likedProducts">
|
||||
<div class="product-store-lists d-flex flex-row align-items-start mb-20" data-js-product=""
|
||||
:data-product-handle="product.slug"
|
||||
:data-product-variant-id="product.id"
|
||||
>
|
||||
<div class="product-store-lists__image mr-15">
|
||||
<a class="d-block"
|
||||
:href="routeFor(product.slug)"
|
||||
>
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
:srcset="imageFor(product.image)"
|
||||
:alt="product.slug"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-store-lists__content d-flex flex-column align-items-start">
|
||||
<div class="product-store-lists__title mb-3">
|
||||
<h3 class="h6 m-0">
|
||||
<a :href="routeFor(product.slug)">{{ product.name }}</a></h3></div>
|
||||
<div class="product-store-lists__variant">{{ product.brand?.name }}</div>
|
||||
<div class="product-store-lists__price mt-10 mb-10">
|
||||
<span class="price" data-js-product-price="" data-wg-notranslate="manual">
|
||||
<span>
|
||||
<span class="money">{{ product.price_amount }} TMT</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<!-- <span class="product-store-lists__remove btn-link">Aýyr</span> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endverbatim
|
||||
</div>
|
||||
<div class="{{-- popup-wishlist__buttons --}} mt-5">
|
||||
<a href="{{ route('web.pages.favorites') }}" class="btn btn--full text-white text-uppercase mt-20 {{-- js-popup-button --}}" {{-- data-js-popup-button="wishlist-full" --}}>{{ __('See All') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-wishlist__empty mt-15 d-none-important">Your wish list is empty.</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,113 @@
|
||||
<script>
|
||||
window.Lara = {
|
||||
locale: '{{ app()->getLocale() }}',
|
||||
auth: {
|
||||
status: {{ auth()->check() ? 'true' : 'false' }},
|
||||
user: {
|
||||
first_name: '{{ auth()->check() ? auth()->user()->first_name : '' }}',
|
||||
last_name: '{{ auth()->check() ? auth()->user()->last_name : '' }}',
|
||||
phone_number: '{{ auth()->check() ? auth()->user()->phone_number : '' }}',
|
||||
}
|
||||
},
|
||||
user: {
|
||||
products: {}
|
||||
},
|
||||
routes: {
|
||||
app: {
|
||||
globalSearch: '{{ route('web.global-search') }}'
|
||||
},
|
||||
auth: {
|
||||
twoFactor: '{{ route('web.login-two-factor') }}',
|
||||
login: '{{ route('web.login') }}',
|
||||
logout: '{{ route('web.logout') }}'
|
||||
},
|
||||
user: {
|
||||
likes: '{{ route('web.user.likes') }}',
|
||||
likesCount: '{{ route('web.user.likes.count') }}',
|
||||
carts: '{{ route('web.user.carts') }}'
|
||||
},
|
||||
likes: {
|
||||
clear: '{{ route('web.user.likes.clear') }}'
|
||||
},
|
||||
categories: {
|
||||
show: '{{ route('web.categories.show', ['category' => 'slug']) }}',
|
||||
products: '{{ route('web.categories.products', ['category' => 'slug']) }}'
|
||||
},
|
||||
carts: {
|
||||
add: '{{ route('web.carts.add') }}',
|
||||
update: '{{ route('web.carts.update') }}',
|
||||
remove: '{{ route('web.carts.remove') }}'
|
||||
},
|
||||
products: {
|
||||
show: '{{ route('web.products.show', ['product' => 'slug']) }}',
|
||||
getImage: '{{ route('web.products.get-image') }}',
|
||||
like: '{{ route('web.products.like') }}',
|
||||
likeCount: '{{ route('web.products.like-count') }}',
|
||||
loadColor: '{{ route('web.products.load-color') }}'
|
||||
},
|
||||
orders: {
|
||||
checkout: '{{ route('web.orders.checkout') }}'
|
||||
},
|
||||
additional_pages: {
|
||||
becomeSeller: '{{ route('web.become-seller') }}'
|
||||
},
|
||||
provinces: '{{ route('web.provinces.index') }}',
|
||||
branches: '{{ route('web.branches.index') }}',
|
||||
api: {
|
||||
{{--
|
||||
route('api.entrepreneur.register')
|
||||
route('api.entrepreneur.verify-phone')
|
||||
route('api.entrepreneur.verify-email')
|
||||
--}}
|
||||
entrepreneur: {
|
||||
register: '',
|
||||
verifyPhone: '',
|
||||
verifyEmail: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
messages: {
|
||||
success: '{{ __('Successfully done') }}'
|
||||
},
|
||||
translations: {
|
||||
region: '{{ __('Region') }}',
|
||||
order: '{{ __('Order') }}',
|
||||
name: '{{ __('Name') }}',
|
||||
phone: '{{ __('Phone') }}',
|
||||
address: '{{ __('Address') }}',
|
||||
note: '{{ __('Note') }}',
|
||||
time: '{{ __('Time') }}',
|
||||
paymentType: '{{ __('Payment type') }}',
|
||||
nonVirtual: '{{ __('Non virtual') }}',
|
||||
cash: '{{ __('Cash') }}',
|
||||
atm: '{{ __('ATM') }}',
|
||||
online: '{{ __('Online') }}',
|
||||
altynAsyr: '{{ __('Altyn Asyr') }}',
|
||||
confirm: '{{ __('Confirm') }}',
|
||||
deliveryType: '{{ __('Delivery type') }}',
|
||||
delivery: {
|
||||
standart: '{{ __('Standart') }}',
|
||||
onOwn: '{{ __('Self Pickup') }}',
|
||||
express: '{{ __('Express') }}'
|
||||
},
|
||||
regions: {
|
||||
'ag': '{{ __('Ashgabat') }}',
|
||||
'mr': '{{ __('Mary') }}',
|
||||
'ah': '{{ __('Ahal') }}',
|
||||
'dz': '{{ __('Daşoguz') }}',
|
||||
'lb': '{{ __('Lebap') }}',
|
||||
'bn': '{{ __('Balkan') }}',
|
||||
},
|
||||
province: '{{ __('Province') }}',
|
||||
provinces: '{{ __('Provinces') }}',
|
||||
branches: '{{ __('Post Branches') }}',
|
||||
branch: '{{ __('Post Branch') }}',
|
||||
favouries: {
|
||||
liked: '{{ __('Added to wishlist') }}',
|
||||
unliked: '{{ __('Removed from wishlist') }}',
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
localStorage.removeItem('wishlist-guest');
|
||||
</script>
|
||||
@@ -0,0 +1,10 @@
|
||||
{{-- Asynchronously load fonts --}}
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="preconnect" href="https://cdn.dsmcdn.com" crossorigin>
|
||||
|
||||
<link rel="stylesheet" href="/web/themes/shella/start-style.css">
|
||||
<link rel="stylesheet" href="/web/themes/td/nav.css">
|
||||
<link rel="stylesheet" href="/web/themes/oz/categories-dropdown.css">
|
||||
<link rel="stylesheet" href="/web/themes/ty/product-grid.css">
|
||||
<link rel="stylesheet" href="/web/shella/styles/cs-style.css">
|
||||
@@ -0,0 +1,6 @@
|
||||
<link rel="shortcut icon" href="/favicon.png" type="image/png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||
@@ -0,0 +1,22 @@
|
||||
<div class="col-lg-2 px-0 d-lg-block">
|
||||
<div class="footer__border border-top w-100 mb-45 d-lg-none"></div>
|
||||
<div class="footer__social-media">
|
||||
<h5 class="d-lg-block mb-10 text-uppercase">{{ __('Mobile APPS') }}</h5>
|
||||
<div class="row justify-content-center" style="margin-right: 10px;">
|
||||
<div class="col-6 row px-0 text-center m-auto">
|
||||
<div class="col-12 px-2">
|
||||
<img src="/assets/images/appstore.png" onclick="window.location.href = 'https://apps.apple.com/tm/app/postshop/id1634851719';" alt="">
|
||||
{{-- <span style="color: #575454;">APP STORE</span> --}}
|
||||
</div>
|
||||
<div class="col-12 px-0"><img src="/assets/images/app_qr_codes/postshop_app_store.png" alt=""></div>
|
||||
</div>
|
||||
<div class="col-6 row px-0 text-center">
|
||||
<div class="col-12 px-2">
|
||||
<img src="/assets/images/googleplay.png" onclick="window.location.href = 'https://play.google.com/store/apps/details?id=tm.gov.turkmenpost.shop&hl=en&gl=US';" alt="">
|
||||
{{-- <span style="color: #575454;">GOOGLE PLAY</span> --}}
|
||||
</div>
|
||||
<div class="col-12 px-0"><img src="/assets/images/app_qr_codes/postshop_google_play.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
<div class="footer__logo w-100 m-auto ml-lg-0 mr-lg-15" style="max-width: 64px;">
|
||||
<a href="#" class="d-block text-hide">
|
||||
<img src="/logo.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="footer__copyright pt-lg-0 mt-20 mt-lg-0">
|
||||
<p class="mb-0">
|
||||
© {{ date('Y') }} POSTHOP ™. {{ __('All Rights Reserved') }}.
|
||||
<br class="d-none d-lg-block">
|
||||
Powered by <a href="http://webulgam.com.tm" class="btn-link">WebUlgam</a>.
|
||||
</p>
|
||||
</div>
|
||||
@@ -0,0 +1,56 @@
|
||||
<div class="col-lg-4">
|
||||
|
||||
{{-- Border --}}
|
||||
<div class="footer__border border-top row d-lg-none"></div>
|
||||
|
||||
<div class="footer__custom-html">
|
||||
<div class="footer__section" data-js-accordion="only-mobile">
|
||||
<div class="footer__section-head position-relative" data-js-accordion-button>
|
||||
<h5 class="py-10 py-lg-0 mb-0 mb-lg-10 text-uppercase">{{ __('Here to help') }}</h5>
|
||||
<div class="footer__section-btn d-flex d-lg-none position-absolute align-items-center justify-content-center">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-188" viewBox="0 0 24 24">
|
||||
<path d="M7.158 12.206a.598.598 0 0 1-.186-.439.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186h3.75v-3.75a.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439v3.75h3.75c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75v3.75a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186.597.597 0 0 1-.439-.186.598.598 0 0 1-.186-.439v-3.75h-3.75a.598.598 0 0 1-.439-.186z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__section-content d-none d-lg-block" data-js-accordion-content>
|
||||
|
||||
|
||||
<div class="d-flex d-lg-block flex-column align-items-center pt-10 pt-lg-0 pb-15 pb-lg-0">
|
||||
{{ __('Have a question? You may find an answer in our') }}: <a href="{{ route('web.faq') }}" class="btn-link">{{ __('FAQ') }}</a>.<br>
|
||||
<p class="d-flex justify-content-center justify-content-lg-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-197" viewBox="0 0 24 24">
|
||||
<path d="M17.625 21.729c-2.148 0-4.174-.41-6.074-1.23a15.799 15.799 0 0 1-4.971-3.35c-1.413-1.413-2.529-3.069-3.35-4.971S2 8.253 2 6.104c0-.078.016-.156.049-.234a.864.864 0 0 1 .127-.215L5.301 2.53a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l4.375 4.375c.117.13.176.28.176.449s-.059.319-.176.449l-2.695 2.676 5.371 5.371 2.676-2.695a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l4.375 4.375c.117.13.176.28.176.449s-.059.319-.176.449l-3.125 3.125a.91.91 0 0 1-.215.127.596.596 0 0 1-.234.049zM5.75 3.858l-2.5 2.5c.039 1.927.433 3.74 1.182 5.439a14.528 14.528 0 0 0 3.037 4.463c1.275 1.276 2.764 2.288 4.463 3.037s3.512 1.143 5.439 1.182l2.5-2.5-3.496-3.496-2.676 2.695a.654.654 0 0 1-.449.176.65.65 0 0 1-.449-.176l-6.25-6.25c-.117-.13-.176-.28-.176-.449s.059-.319.176-.449l2.695-2.676L5.75 3.858z"/>
|
||||
</svg>
|
||||
</i>{{ __('Call us') }}: +993 (12) 92-14-95
|
||||
</p>
|
||||
<p class="d-flex justify-content-center justify-content-lg-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-234" viewBox="0 0 24 24">
|
||||
<path d="M16.053 3.083a10.212 10.212 0 0 1 3.174 2.148c.905.905 1.621 1.963 2.148 3.174s.791 2.507.791 3.887-.264 2.676-.791 3.887-1.244 2.269-2.148 3.174c-.905.905-1.963 1.621-3.174 2.148s-2.507.791-3.887.791-2.676-.264-3.887-.791-2.269-1.243-3.174-2.148c-.905-.905-1.621-1.963-2.148-3.174s-.791-2.506-.791-3.887c0-1.38.264-2.676.791-3.887S4.2 6.136 5.105 5.231c.906-.905 1.964-1.621 3.175-2.148s2.506-.791 3.887-.791c1.38 0 2.675.263 3.886.791zm-3.261 17.92a8.722 8.722 0 0 0 5.557-2.529 8.728 8.728 0 0 0 2.529-5.557h-2.461a.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186h2.461a8.742 8.742 0 0 0-2.529-5.557 8.742 8.742 0 0 0-5.557-2.529v2.461a.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186.598.598 0 0 1-.439-.186.6.6 0 0 1-.186-.439V3.581A8.728 8.728 0 0 0 5.985 6.11a8.722 8.722 0 0 0-2.529 5.557h2.461a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186H3.456a8.614 8.614 0 0 0 .781 3.047c.442.951 1.025 1.787 1.748 2.51s1.559 1.306 2.51 1.748c.95.443 1.966.703 3.047.781v-2.461a.6.6 0 0 1 .186-.439.6.6 0 0 1 .439-.186.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v2.461zm3.564-9.151a.601.601 0 0 1 .186.439.598.598 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75a.58.58 0 0 1-.283-.068.736.736 0 0 1-.225-.186l-3.75-5a.56.56 0 0 1-.117-.458.609.609 0 0 1 .254-.42.57.57 0 0 1 .459-.117.61.61 0 0 1 .419.254l3.555 4.746h3.438c.169 0 .315.062.439.185z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="text-left">
|
||||
{{ __('Mon-Fri') }}: 09:00-19:00 <br>{{ __('Sat') }}: 09:00-18:00<br>{{ __('Sun') }}: 09:00–16:00
|
||||
</span>
|
||||
</p>
|
||||
<p class="d-flex justify-content-center justify-content-lg-start mb-15">
|
||||
<i class="mr-10">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-153" viewBox="0 0 24 24">
|
||||
<path d="M22.072 4.807c.013.026.02.049.02.068v.068c.013.026.02.046.02.059v13.75c0 .17-.062.316-.186.439a.601.601 0 0 1-.439.186H2.736a.598.598 0 0 1-.439-.186.598.598 0 0 1-.186-.439V5.002c0-.013.006-.032.02-.059v-.068c0-.019.006-.042.02-.068a.125.125 0 0 0 .029-.049.444.444 0 0 1 .029-.068.145.145 0 0 0 .02-.059c.013 0 .022-.003.029-.01a.04.04 0 0 0 .01-.029l.038-.039a.214.214 0 0 1 .059-.039l.039-.039c.013-.013.032-.02.059-.02a.125.125 0 0 1 .049-.029.184.184 0 0 1 .049-.01c.026-.013.049-.02.068-.02s.042-.006.068-.02H21.525c.026.014.049.02.068.02s.042.007.068.02c.013 0 .029.004.049.01.02.007.036.017.049.029.026 0 .045.007.059.02l.039.039a.286.286 0 0 1 .059.039l.039.039c0 .014.003.023.01.029.006.007.016.01.029.01 0 .014.006.033.02.059a.587.587 0 0 0 .039.068.102.102 0 0 1 .019.049zm-1.211 13.32V6.232l-8.379 6.152a.57.57 0 0 1-.176.088.659.659 0 0 1-.566-.088L3.361 6.232v11.895h17.5zM4.65 5.627l7.461 5.469 7.461-5.469H4.65z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<a href="mailto:contact@post.shop.tm" class="btn-link">{{ __('Send us an email') }}.</a></p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div id="theme-loader" class="d-none">
|
||||
<div class="loader js-loader">
|
||||
<div class="loader__bg" data-js-loader-bg></div>
|
||||
<div class="loader__spinner" data-js-loader-spinner><img src="/web/shella/images/shella-preloader.svg" alt="Pre-loader"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,20 @@
|
||||
<div class="popup-navigation__head pt-20 pb-10 px-10 d-lg-none">
|
||||
<div class="container">
|
||||
<div class="popup-navigation__button d-flex align-items-center"
|
||||
data-js-popup-navigation-button="close">
|
||||
<i class="popup-navigation__close cursor-pointer" data-js-popup-close
|
||||
data-button-content="close">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<i class="popup-navigation__back cursor-pointer d-lg-none" data-button-content="back">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-012" viewBox="0 0 24 24">
|
||||
<path d="M21.036 12.569a.601.601 0 0 1-.439.186H4.601l4.57 4.551c.117.13.176.28.176.449a.652.652 0 0 1-.176.449.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .877.877 0 0 1-.215-.127l-5.625-5.625a2.48 2.48 0 0 1-.068-.107c-.02-.032-.042-.068-.068-.107a.736.736 0 0 1 0-.468 2.48 2.48 0 0 0 .068-.107c.02-.032.042-.068.068-.107l5.625-5.625a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-4.57 4.551h15.996a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439.599.599 0 0 1-.186.437z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,88 @@
|
||||
<div class="d-lg-none mt-25">
|
||||
<div class="footer__social-media-mobile">
|
||||
<div class="social-media d-flex flex-wrap justify-content-center justify-content-lg-start">
|
||||
|
||||
|
||||
<a href="https://www.facebook.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-facebook" viewBox="0 0 264 512">
|
||||
<path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a><a href="https://twitter.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-twitter" viewBox="0 0 512 512">
|
||||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a><a href="https://plus.google.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-google" viewBox="0 0 640 512">
|
||||
<path d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a><a href="https://www.instagram.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-instagram" viewBox="0 0 448 512">
|
||||
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a><a href="https://www.youtube.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-pinterest" viewBox="0 0 496 512">
|
||||
<path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a><a href="https://www.instagram.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-youtube" viewBox="0 0 576 512">
|
||||
<path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a><a href="https://www.behance.net/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-behance" viewBox="0 0 576 512">
|
||||
<path d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a><a href="https://www.skype.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-skype" viewBox="0 0 448 512">
|
||||
<path d="M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="popup__body position-relative d-none flex-center px-15 py-30" data-js-popup-name="delivery-return" data-popup-center>
|
||||
<div class="popup-delivery-return position-relative py-30 px-15" data-popup-content>
|
||||
<i class="popup-delivery-return__close position-absolute cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<div class="popup-delivery-return__content mx-auto">
|
||||
<div class="rte">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,213 @@
|
||||
<div class="popup__body position-relative d-none flex-center px-15 py-30" data-js-popup-name="size-guide" data-popup-center>
|
||||
<div class="popup-size-guide position-relative py-30 px-15" data-popup-content>
|
||||
<i class="popup-size-guide__close position-absolute cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<div class="popup-size-guide__content mx-auto">
|
||||
<div class="rte">
|
||||
|
||||
<h4 class="mb-15 text-center">{{ __('Size guide') }}</h4>
|
||||
<p class="mb-20 text-center">
|
||||
{{ __('This is an approximate conversion table to help you find your size. If you have already purchased an item by our brand, we recommend you select the same size as indicated on its label.') }}
|
||||
</p>
|
||||
<h4 class="mb-15 text-center text-uppercase">{{ __("Women's apparel sizing") }}</h4>
|
||||
<div class="table-wrap mb-10">
|
||||
<table class="table-size-guide responsive-table table-center">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th class="text-uppercase">{{ __('International') }}</th>
|
||||
<th>XS</th>
|
||||
<th>S</th>
|
||||
<th>M</th>
|
||||
<th>L</th>
|
||||
<th>XL</th>
|
||||
<th>XXL</th>
|
||||
<th>XXXL</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Europe') }}</td>
|
||||
<td>32</td>
|
||||
<td>34</td>
|
||||
<td>36</td>
|
||||
<td>38</td>
|
||||
<td>40</td>
|
||||
<td>42</td>
|
||||
<td>44</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('US') }}</td>
|
||||
<td>0</td>
|
||||
<td>2</td>
|
||||
<td>4</td>
|
||||
<td>6</td>
|
||||
<td>8</td>
|
||||
<td>10</td>
|
||||
<td>12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Chest fit (inches)') }}</td>
|
||||
<td>28"</td>
|
||||
<td>30"</td>
|
||||
<td>32"</td>
|
||||
<td>34"</td>
|
||||
<td>36"</td>
|
||||
<td>38"</td>
|
||||
<td>40"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Chest fit (cm)') }}</td>
|
||||
<td>716</td>
|
||||
<td>76</td>
|
||||
<td>81</td>
|
||||
<td>86</td>
|
||||
<td>91.5</td>
|
||||
<td>96.5</td>
|
||||
<td>101.1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Waist fir (inches)') }}</td>
|
||||
<td>21"</td>
|
||||
<td>23"</td>
|
||||
<td>25"</td>
|
||||
<td>27"</td>
|
||||
<td>29"</td>
|
||||
<td>31"</td>
|
||||
<td>33"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Waist fir (cm)') }}</td>
|
||||
<td>53.5</td>
|
||||
<td>58.5</td>
|
||||
<td>63.5</td>
|
||||
<td>68.5</td>
|
||||
<td>74</td>
|
||||
<td>79</td>
|
||||
<td>84</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Hips fir (inches)') }}</td>
|
||||
<td>33"</td>
|
||||
<td>34"</td>
|
||||
<td>36"</td>
|
||||
<td>38"</td>
|
||||
<td>40"</td>
|
||||
<td>42"</td>
|
||||
<td>44"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Hips fir (cm)') }}</td>
|
||||
<td>81.5</td>
|
||||
<td>86.5</td>
|
||||
<td>91.5</td>
|
||||
<td>96.5</td>
|
||||
<td>101</td>
|
||||
<td>106.5</td>
|
||||
<td>111.5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Skort lengths (sm)') }}</td>
|
||||
<td>36.5</td>
|
||||
<td>38</td>
|
||||
<td>39.5</td>
|
||||
<td>41</td>
|
||||
<td>42.5</td>
|
||||
<td>44</td>
|
||||
<td>45.5</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h4 class="mb-15 text-center">{{ __("Men's apparel sizing") }}</h4>
|
||||
<div class="table-wrap">
|
||||
<table class="table-size-guide responsive-table table-center">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>{{ __('International') }}</th>
|
||||
<th>XS</th>
|
||||
<th>S</th>
|
||||
<th>M</th>
|
||||
<th>L</th>
|
||||
<th>XL</th>
|
||||
<th>XXL</th>
|
||||
<th>XXXL</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Europe') }}</td>
|
||||
<td>32</td>
|
||||
<td>34</td>
|
||||
<td>36</td>
|
||||
<td>38</td>
|
||||
<td>40</td>
|
||||
<td>42</td>
|
||||
<td>44</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('US') }}</td>
|
||||
<td>0</td>
|
||||
<td>2</td>
|
||||
<td>4</td>
|
||||
<td>6</td>
|
||||
<td>8</td>
|
||||
<td>10</td>
|
||||
<td>12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Chest fit (inches)') }}</td>
|
||||
<td>33-35"</td>
|
||||
<td>36-38"</td>
|
||||
<td>39-41"</td>
|
||||
<td>42-44"</td>
|
||||
<td>45-47"</td>
|
||||
<td>48-50"</td>
|
||||
<td>51-53"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Chest fit (cm)') }}</td>
|
||||
<td>84-89</td>
|
||||
<td>91-97</td>
|
||||
<td>88-104</td>
|
||||
<td>107-112</td>
|
||||
<td>114-119</td>
|
||||
<td>122-127</td>
|
||||
<td>129-134</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Waist fir (inches)') }}</td>
|
||||
<td>28"</td>
|
||||
<td>30"</td>
|
||||
<td>32"</td>
|
||||
<td>34"</td>
|
||||
<td>36"</td>
|
||||
<td>38"</td>
|
||||
<td>40"</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Waist fir (cm)') }}</td>
|
||||
<td>71</td>
|
||||
<td>76</td>
|
||||
<td>81</td>
|
||||
<td>86</td>
|
||||
<td>91.5</td>
|
||||
<td>96.5</td>
|
||||
<td>101.5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ __('Skort lengths (sm)') }}</td>
|
||||
<td>76</td>
|
||||
<td>77.5</td>
|
||||
<td>79</td>
|
||||
<td>81</td>
|
||||
<td>82.5</td>
|
||||
<td>84</td>
|
||||
<td>85.5</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,15 @@
|
||||
<div class="col-lg-12">
|
||||
<div class="footer__subscription row align-items-center mb-25">
|
||||
<div class="col-lg-6 mb-10 mb-lg-0">
|
||||
<h5 class="mb-10 text-uppercase">{{ __('Newsletter subscription') }}</h5>
|
||||
<p class="mb-10">{{ __('Sign up for Postshop updates to receive information about new arrivals, future events and specials.') }}</p>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<form action="{{ route('web.newsletter-subscription') }}" method="POST" class="d-flex flex-column flex-lg-row mb-10" onsubmit="subscribeUserToNewsletter(event)">
|
||||
@csrf
|
||||
<input type="email" name="email" id="FooterSubscribe" class="mb-10 mb-lg-0 mr-lg-10" placeholder="{{ __('Enter Your Email Address') }}" required="required">
|
||||
<input type="submit" class="btn px-lg-20 text-white" value="{{ __('SUBSCRIBE') }}!">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,67 @@
|
||||
<div class="col-lg-6 d-flex flex-column flex-lg-row align-items-lg-center pt-20 pb-15 py-lg-0">
|
||||
<div class="footer__payments d-flex flex-wrap justify-content-center justify-content-lg-start align-items-center ml-lg-auto">
|
||||
|
||||
|
||||
<a href="https://halkbank.gov.tm" class="px-5"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Halkbank"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="6">
|
||||
<img src="/assets/images/bank-credit-carts/halbank.png" class="lazyload" style="max-width:60px;" alt="">
|
||||
<span class="d-none">Halkbank</span>
|
||||
</a>
|
||||
|
||||
<a href="https://www.cbt.tm" class="px-5"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Central bank of Turkmenistan"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="6">
|
||||
<img src="/assets/images/bank-credit-carts/presidentbank.png" class="lazyload" style="max-width:60px;" alt="">
|
||||
<span class="d-none">Central bank of Turkmenistan</span>
|
||||
</a>
|
||||
|
||||
<a href="https://www.senagatbank.com.tm" class="px-5"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Senagatbank"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="6">
|
||||
<img src="/assets/images/bank-credit-carts/senagat.png" class="lazyload" style="max-width:60px;" alt="">
|
||||
<span class="d-none">Senagatbank</span>
|
||||
</a>
|
||||
|
||||
<a href="https://www.tnbk.tm" class="px-5"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Türkmenistanbank"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="6">
|
||||
<img src="/assets/images/bank-credit-carts/turkmenbank.png" class="lazyload" style="max-width:60px;" alt="">
|
||||
<span class="d-none">Türkmenistanbank</span>
|
||||
</a>
|
||||
|
||||
<a href="https://tbbank.gov.tm" class="px-5"
|
||||
data-js-tooltip
|
||||
data-tippy-content="TÜRKMENBAŞY BANK"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="6">
|
||||
<img src="/assets/images/bank-credit-carts/turkmenbashy.png" class="lazyload" style="max-width:60px;" alt="">
|
||||
<span class="d-none">TÜRKMENBAŞY BANK</span>
|
||||
</a>
|
||||
|
||||
<a href="https://www.turkmenturkbank.com.tm" class="px-5"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Türkmen-türk bank"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="6">
|
||||
<img src="/assets/images/bank-credit-carts/turkmenturk.png" class="lazyload" style="max-width:60px;" alt="">
|
||||
<span class="d-none">Türkmen-türk bank</span>
|
||||
</a>
|
||||
|
||||
<a href="https://www.tfeb.gov.tm/en" class="px-5"
|
||||
data-js-tooltip
|
||||
data-tippy-content="DAŞARY YKDYSADY IŞ BANKY"
|
||||
data-tippy-placement="top"
|
||||
data-tippy-distance="6">
|
||||
<img src="/assets/images/bank-credit-carts/tveb.png" class="lazyload" style="max-width:60px;" alt="">
|
||||
<span class="d-none"> DAŞARY YKDYSADY IŞ BANKY</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,46 @@
|
||||
{{-- <div class="popup__body position-relative d-none flex-center px-15 py-30" data-js-popup-name="subscription" data-popup-center>
|
||||
<div class="popup-subscription position-relative pt-25 pb-30 px-15" data-popup-content
|
||||
data-js-show-once="false" data-js-delay="8" data-js-cookies-life="1">
|
||||
<i class="popup-subscription__close position-absolute cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<div class="popup-subscription__content d-flex flex-column mx-auto text-center">
|
||||
<p class="mb-10"><i class="popup-subscription__title-icon">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-153"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M22.072 4.807c.013.026.02.049.02.068v.068c.013.026.02.046.02.059v13.75c0 .17-.062.316-.186.439a.601.601 0 0 1-.439.186H2.736a.598.598 0 0 1-.439-.186.598.598 0 0 1-.186-.439V5.002c0-.013.006-.032.02-.059v-.068c0-.019.006-.042.02-.068a.125.125 0 0 0 .029-.049.444.444 0 0 1 .029-.068.145.145 0 0 0 .02-.059c.013 0 .022-.003.029-.01a.04.04 0 0 0 .01-.029l.038-.039a.214.214 0 0 1 .059-.039l.039-.039c.013-.013.032-.02.059-.02a.125.125 0 0 1 .049-.029.184.184 0 0 1 .049-.01c.026-.013.049-.02.068-.02s.042-.006.068-.02H21.525c.026.014.049.02.068.02s.042.007.068.02c.013 0 .029.004.049.01.02.007.036.017.049.029.026 0 .045.007.059.02l.039.039a.286.286 0 0 1 .059.039l.039.039c0 .014.003.023.01.029.006.007.016.01.029.01 0 .014.006.033.02.059a.587.587 0 0 0 .039.068.102.102 0 0 1 .019.049zm-1.211 13.32V6.232l-8.379 6.152a.57.57 0 0 1-.176.088.659.659 0 0 1-.566-.088L3.361 6.232v11.895h17.5zM4.65 5.627l7.461 5.469 7.461-5.469H4.65z"/>
|
||||
</svg>
|
||||
</i></p>
|
||||
<h4 class="mb-10">NEWSLETTER SUBSCRIPTION</h4>
|
||||
|
||||
<p class="mb-25">Sign up for Shella updates to receive information about new arrivals, future events
|
||||
and special.</p>
|
||||
|
||||
<form action="/subscribe/post?u=8a50b61e56896303a04d0243e&id=3c3d06b907"
|
||||
method="post" class="d-flex d-flex flex-column flex-lg-row mb-30 mb-lg-20" target="_blank">
|
||||
<input type="email" name="EMAIL" id="PopupSubscribe" class="mb-10 mb-lg-0 mr-lg-10"
|
||||
placeholder="Enter Please Your Email Address" required="required">
|
||||
<input type="submit" class="btn btn--secondary" value="SUBSCRIBE!">
|
||||
</form>
|
||||
<label class="popup-subscription__checkbox input-checkbox position-relative d-inline-flex align-items-center mx-auto cursor-pointer">
|
||||
<input type="checkbox" class="d-none" name="dont_show_again" id="PopupSubscribeDontShow"
|
||||
data-js-popup-subscription-dont-show>
|
||||
<span class="position-relative d-block mr-10 border"><i class="d-none"><svg aria-hidden="true"
|
||||
focusable="false"
|
||||
role="presentation"
|
||||
class="icon icon-theme-146"
|
||||
viewBox="0 0 24 24"><path
|
||||
d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"/></svg></i></span>
|
||||
<span>Don't show this popup again</span>
|
||||
</label></div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "popup_subscription"
|
||||
});
|
||||
</script>
|
||||
</div> --}}
|
||||
@@ -0,0 +1,537 @@
|
||||
<div id="theme-section-footbar" class="theme-section">
|
||||
<div data-section-id="footbar" data-section-type="footbar">
|
||||
<div class="footbar d-flex flex-column align-items-lg-start position-fixed bottom-0 left-0 w-100 pointer-events-none">
|
||||
<div class="notification position-relative js-notification">
|
||||
<div class="notification__inner d-none px-sm-10 px-lg-15 mb-sm-10 mb-lg-15 js-notification-products"
|
||||
data-js-delay="8" data-js-interval-min="10" data-js-interval-max="18" data-js-max-time-life="14"
|
||||
data-js-notification-inner>
|
||||
<div class="notification-products p-10 pointer-events-all">
|
||||
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="blend-field-jacket">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/blend-field-jacket?variant=13520590012468" class="d-block w-100"
|
||||
target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/3410534250_1_1_1_67eb2dce-35d8-4dfa-8d93-fee6c4b56c49_{width}x.progressive.jpg?v=1542543797"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/3410534250_1_1_1_67eb2dce-35d8-4dfa-8d93-fee6c4b56c49_120x.progressive.jpg?v=1542543797 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/3410534250_1_1_1_67eb2dce-35d8-4dfa-8d93-fee6c4b56c49_120x@2x.progressive.jpg?v=1542543797 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Blend Field Jacket">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/blend-field-jacket?variant=13520590012468"
|
||||
target="_blank">Blend Field Jacket</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">10 minutes ago from New York, USA</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/blend-field-jacket?variant=13520590012468"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="jersey-graphic-tee-1">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/jersey-graphic-tee-1?variant=13520580444212"
|
||||
class="d-block w-100" target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2121900600_2_3_1_86b90065-d75b-4519-a95e-a02ae468f4e9_{width}x.progressive.jpg?v=1543244602"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2121900600_2_3_1_86b90065-d75b-4519-a95e-a02ae468f4e9_120x.progressive.jpg?v=1543244602 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2121900600_2_3_1_86b90065-d75b-4519-a95e-a02ae468f4e9_120x@2x.progressive.jpg?v=1543244602 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Jersey Graphic Tee">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/jersey-graphic-tee-1?variant=13520580444212"
|
||||
target="_blank">Jersey Graphic Tee</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">18 minutes ago from London, Great Britain</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/jersey-graphic-tee-1?variant=13520580444212"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="cotton-t-shirt-with-print">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/cotton-t-shirt-with-print?variant=13520570974260"
|
||||
class="d-block w-100" target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2608851250_1_1_1_0401469c-1bd2-4f3d-846b-52b3862ccd7d_{width}x.progressive.jpg?v=1540480331"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2608851250_1_1_1_0401469c-1bd2-4f3d-846b-52b3862ccd7d_120x.progressive.jpg?v=1540480331 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2608851250_1_1_1_0401469c-1bd2-4f3d-846b-52b3862ccd7d_120x@2x.progressive.jpg?v=1540480331 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Cotton T-shirt with print">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/cotton-t-shirt-with-print?variant=13520570974260"
|
||||
target="_blank">Cotton T-shirt with print</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">12 minutes ago from New York, USA</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/cotton-t-shirt-with-print?variant=13520570974260"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="silk-voile-shirt">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/silk-voile-shirt?variant=13520548823092" class="d-block w-100"
|
||||
target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/4857423800_1_1_1_3a7fe5ab-4b01-4209-8d29-24780235e105_{width}x.progressive.jpg?v=1540480049"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/4857423800_1_1_1_3a7fe5ab-4b01-4209-8d29-24780235e105_120x.progressive.jpg?v=1540480049 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/4857423800_1_1_1_3a7fe5ab-4b01-4209-8d29-24780235e105_120x@2x.progressive.jpg?v=1540480049 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Silk Voile Shirt">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/silk-voile-shirt?variant=13520548823092" target="_blank">Silk
|
||||
Voile Shirt</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">3 minutes ago from Amsterdam, Netherlands</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/silk-voile-shirt?variant=13520548823092"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="shoulder-tee">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/shoulder-tee?variant=13520561995828" class="d-block w-100"
|
||||
target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2594443250_1_1_1_cf433b30-f0cf-4bdd-b346-e0f6e426278d_{width}x.progressive.jpg?v=1540480230"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2594443250_1_1_1_cf433b30-f0cf-4bdd-b346-e0f6e426278d_120x.progressive.jpg?v=1540480230 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2594443250_1_1_1_cf433b30-f0cf-4bdd-b346-e0f6e426278d_120x@2x.progressive.jpg?v=1540480230 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Shoulder Tee">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/shoulder-tee?variant=13520561995828" target="_blank">Shoulder
|
||||
Tee</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">6 minutes ago from Moscow, Russian</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/shoulder-tee?variant=13520561995828"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="nature-sweater">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/nature-sweater?variant=13520556064820" class="d-block w-100"
|
||||
target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/0047628250_1_1_1_3e100636-2c43-4790-bb22-02ebb4a24074_{width}x.progressive.jpg?v=1540480135"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/0047628250_1_1_1_3e100636-2c43-4790-bb22-02ebb4a24074_120x.progressive.jpg?v=1540480135 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/0047628250_1_1_1_3e100636-2c43-4790-bb22-02ebb4a24074_120x@2x.progressive.jpg?v=1540480135 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Nature Sweater">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/nature-sweater?variant=13520556064820" target="_blank">Nature
|
||||
Sweater</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">17 minutes ago from Rome, Italy</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/nature-sweater?variant=13520556064820"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="cotton-crewneck-sweater">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/cotton-crewneck-sweater?variant=13520511402036"
|
||||
class="d-block w-100" target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2605987251_1_1_1_7af4f909-456b-4e53-8601-b726fc1bd01d_{width}x.progressive.jpg?v=1542544380"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2605987251_1_1_1_7af4f909-456b-4e53-8601-b726fc1bd01d_120x.progressive.jpg?v=1542544380 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/2605987251_1_1_1_7af4f909-456b-4e53-8601-b726fc1bd01d_120x@2x.progressive.jpg?v=1542544380 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Cotton Crewneck Sweater">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/cotton-crewneck-sweater?variant=13520511402036"
|
||||
target="_blank">Cotton Crewneck Sweater</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">11 minutes ago from Rome, Italy</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/cotton-crewneck-sweater?variant=13520511402036"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none" data-js-notification-products-item>
|
||||
|
||||
<div class="product-notification d-flex position-relative" data-js-product
|
||||
data-product-handle="shearling-double-breasted-coat">
|
||||
<div class="product-notification__button-close position-absolute top-0 right-0 cursor-pointer"
|
||||
data-js-action="close"><i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
<div class="product-notification__image d-flex mr-20 mr-sm-10">
|
||||
<a href="products/shearling-double-breasted-coat?variant=13520509108276"
|
||||
class="d-block w-100" target="_blank">
|
||||
<div class="rimage" style="padding-top:128.2307692%;"><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/1431407625_1_1_1_2b2c2943-730a-4bce-990a-37ddae2cb3f0_{width}x.progressive.jpg?v=1540479381"
|
||||
data-aspect-ratio="0.7798440311937612"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/products/1431407625_1_1_1_2b2c2943-730a-4bce-990a-37ddae2cb3f0_120x.progressive.jpg?v=1540479381 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/products/1431407625_1_1_1_2b2c2943-730a-4bce-990a-37ddae2cb3f0_120x@2x.progressive.jpg?v=1540479381 2x"
|
||||
|
||||
data-scale="2"
|
||||
|
||||
|
||||
alt="Shearling double-breasted coat">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-notification__content d-flex flex-column justify-content-center align-items-start pr-20">
|
||||
<span>Someone purched a</span>
|
||||
<div class="product-notification__title mb-3">
|
||||
<h3 class="h5 m-0">
|
||||
<a href="products/shearling-double-breasted-coat?variant=13520509108276"
|
||||
target="_blank">Shearling double-breasted coat</a>
|
||||
</h3>
|
||||
</div>
|
||||
<span class="font-italic">4 minutes ago from Rome, Italy</span>
|
||||
</div>
|
||||
<div class="product-notification__button-quick-view position-absolute bottom-0 right-0"
|
||||
data-js-action>
|
||||
<a href="products/shearling-double-breasted-coat?variant=13520509108276"
|
||||
class="button-quick-view d-flex flex-center rounded-circle js-popup-button"
|
||||
data-js-popup-button="quick-view"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Quick View"
|
||||
data-tippy-placement="left"
|
||||
data-tippy-distance="5">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-154" viewBox="0 0 24 24">
|
||||
<path d="M8.528 17.238c-1.107-.592-2.074-1.25-2.9-1.973-.827-.723-1.491-1.393-1.992-2.012-.501-.618-.771-.96-.811-1.025a.571.571 0 0 1-.117-.352c0-.13.039-.247.117-.352.039-.064.306-.406.801-1.025.495-.618 1.159-1.289 1.992-2.012.833-.723 1.803-1.38 2.91-1.973a7.424 7.424 0 0 1 3.555-.889c1.263 0 2.448.297 3.555.889 1.106.593 2.073 1.25 2.9 1.973.827.723 1.491 1.394 1.992 2.012.501.619.771.961.811 1.025a.573.573 0 0 1 .117.352.656.656 0 0 1-.117.371c-.039.053-.31.391-.811 1.016-.501.625-1.169 1.296-2.002 2.012-.833.717-1.804 1.371-2.91 1.963a7.375 7.375 0 0 1-3.535.889 7.415 7.415 0 0 1-3.555-.889zm.869-9.746c-.853.41-1.631.889-2.334 1.436s-1.312 1.101-1.826 1.66c-.515.561-.889.99-1.123 1.289.234.3.608.729 1.123 1.289.514.561 1.123 1.113 1.826 1.66s1.484 1.025 2.344 1.436 1.751.615 2.676.615c.924 0 1.813-.205 2.666-.615.853-.41 1.634-.889 2.344-1.436.709-.547 1.318-1.1 1.826-1.66.508-.56.885-.989 1.133-1.289a41.634 41.634 0 0 0-1.133-1.289c-.508-.56-1.113-1.113-1.816-1.66s-1.484-1.025-2.344-1.436-1.751-.615-2.676-.615c-.937 0-1.833.205-2.686.615zm.04 7.031c-.736-.735-1.104-1.617-1.104-2.646 0-1.028.368-1.91 1.104-2.646.735-.735 1.618-1.104 2.646-1.104 1.028 0 1.911.368 2.646 1.104.735.736 1.104 1.618 1.104 2.646 0 1.029-.368 1.911-1.104 2.646-.736.736-1.618 1.104-2.646 1.104-1.029 0-1.911-.367-2.646-1.104zm.878-4.414a2.41 2.41 0 0 0-.732 1.768c0 .69.244 1.279.732 1.768s1.077.732 1.768.732c.69 0 1.279-.244 1.768-.732s.732-1.077.732-1.768c0-.689-.244-1.279-.732-1.768s-1.078-.732-1.768-.732-1.279.244-1.768.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "notifications"
|
||||
});
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "footbar"
|
||||
});
|
||||
</script>
|
||||
<div class="notification position-relative js-notification">
|
||||
<div class="notification__inner d-none px-sm-10 px-lg-15 mb-sm-10 mb-lg-15 js-notification-cookies"
|
||||
data-js-show-once="true" data-js-delay="0" data-js-cookies-life="1" data-js-notification-inner>
|
||||
<div class="notification-cookies position-relative p-20 text-center text-sm-left pointer-events-all">
|
||||
<div class="notification-cookies__bg position-absolute absolute-stretch"></div>
|
||||
<div class="position-relative">
|
||||
<p class="mb-0">This is a standard cookie notice which you can easily adapt or disable as
|
||||
you like in the admin. We use cookies to ensure that we give you the best experience on
|
||||
our website.</p>
|
||||
<div class="d-flex align-items-center justify-content-center justify-content-sm-end mt-15">
|
||||
<a href="pages/cookie-policy" target="_blank"
|
||||
class="notification-cookies__button-info btn-link py-10 py-sm-0 mr-20">PRIVACY
|
||||
POLICY</a>
|
||||
<div class="notification-cookies__button-close btn-link py-10 py-sm-0 d-flex align-items-center"
|
||||
data-js-action="close">ACCEPT<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-146" viewBox="0 0 24 24">
|
||||
<path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z"/>
|
||||
</svg>
|
||||
</i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "notifications"
|
||||
});
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "footbar"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="popup-navigation__search search pt-lg-25 pb-lg-35 px-10 px-lg-0 js-popup-search-ajax" data-js-max-products="6">
|
||||
<div class="container">
|
||||
<div class="d-none d-lg-flex align-items-lg-center mb-5 mb-lg-10">
|
||||
<p class="m-0" style="color: black;font-size: 24px;line-height: 31px;">{{ __('What are you looking for') }}?</p>
|
||||
<i class="search__close ml-auto cursor-pointer" data-js-popup-close>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164" viewBox="0 0 24 24">
|
||||
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<form class="position-relative d-flex align-items-center pb-5 pb-lg-15 mb-0 border-bottom" action="/search" method="get" role="search">
|
||||
<input type="search" class="border-0 p-0 mb-0" name="q" id="Search" value="" placeholder="{{ __('Search Products') }}...">
|
||||
<label class="position-absolute right-0 mb-0 mr-0 m-lg-0 cursor-pointer" for="Search"><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></label>
|
||||
</form>
|
||||
<div class="search__content">
|
||||
<div class="search__result row pt-10 pt-lg-0 mt-20 mt-lg-30 d-none-important"></div>
|
||||
<div class="search__view-all pb-20 pb-lg-0 mt-20 mt-lg-10 d-none-important">
|
||||
<a href="search.html" class="btn-link">{{ __('View all products') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="search__empty pb-20 pb-lg-0 mt-20 mt-lg-30 mb-0 d-none-important">{{ __('Empty result') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,112 @@
|
||||
<div class="col-lg-6">
|
||||
<div class="footer__menus row flex-column flex-lg-row">
|
||||
<div class="footer__border border-top d-lg-none"></div>
|
||||
<div class="col-lg">
|
||||
<div class="footer__section" data-js-accordion="only-mobile">
|
||||
<div class="footer__section-head position-relative" data-js-accordion-button>
|
||||
<h5 class="py-10 py-lg-0 mb-0 mb-lg-10 text-uppercase">{{ __('Categories') }}</h5>
|
||||
<div class="footer__section-btn d-flex d-lg-none position-absolute align-items-center justify-content-center">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-188" viewBox="0 0 24 24">
|
||||
<path d="M7.158 12.206a.598.598 0 0 1-.186-.439.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186h3.75v-3.75a.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439v3.75h3.75c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75v3.75a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186.597.597 0 0 1-.439-.186.598.598 0 0 1-.186-.439v-3.75h-3.75a.598.598 0 0 1-.439-.186z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__section-content d-none d-lg-block" data-js-accordion-content>
|
||||
<ul class="list-unstyled pb-15 pb-lg-0">
|
||||
@foreach($categories->take(8) as $category)
|
||||
<li class="py-5 py-lg-0">
|
||||
<a class="text-lowercase text-first-capitalize" href="{{ $category->productsPage() }}">
|
||||
{{ $category->name }}
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__border border-top d-lg-none"></div>
|
||||
<div class="col-lg">
|
||||
<div class="footer__section" data-js-accordion="only-mobile">
|
||||
<div class="footer__section-head position-relative" data-js-accordion-button>
|
||||
<h5 class="py-10 py-lg-0 mb-0 mb-lg-10 text-uppercase">{{ __('Informations') }}</h5>
|
||||
<div class="footer__section-btn d-flex d-lg-none position-absolute align-items-center justify-content-center">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-188" viewBox="0 0 24 24">
|
||||
<path d="M7.158 12.206a.598.598 0 0 1-.186-.439.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186h3.75v-3.75a.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439v3.75h3.75c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75v3.75a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186.597.597 0 0 1-.439-.186.598.598 0 0 1-.186-.439v-3.75h-3.75a.598.598 0 0 1-.439-.186z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__section-content d-none d-lg-block" data-js-accordion-content>
|
||||
<ul class="list-unstyled pb-15 pb-lg-0">
|
||||
<li class="py-5 py-lg-0 text-capitalize">
|
||||
<a href="{{ route('web.contact-us') }}">
|
||||
{{ __('Contact US') }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0">
|
||||
<a href="{{ route('web.contact-us') }}">
|
||||
{{ __('Become an official partner') }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0 text-capitalize">
|
||||
<a href="{{ route('web.faq') }}">
|
||||
{{ __('FAQ') }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0 text-capitalize">
|
||||
<a href="{{ route('web.help') }}">
|
||||
{{ __('Help') }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0 text-capitalize">
|
||||
<a href="/docs/eltip-bermek-nyrhnamasy.pdf" target="_blank">
|
||||
{{ __('Shipping rates') }}
|
||||
</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0 text-capitalize">
|
||||
<a href="{{ route('web.privacy-policy') }}">
|
||||
{{ __('Privacy Policy') }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__border border-top d-lg-none"></div>
|
||||
<div class="col-lg">
|
||||
<div class="footer__section" data-js-accordion="only-mobile">
|
||||
<div class="footer__section-head position-relative" data-js-accordion-button>
|
||||
<h5 class="py-10 py-lg-0 mb-0 mb-lg-10 text-uppercase">{{ __('Sections') }}</h5>
|
||||
<div class="footer__section-btn d-flex d-lg-none position-absolute align-items-center justify-content-center">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-188" viewBox="0 0 24 24">
|
||||
<path d="M7.158 12.206a.598.598 0 0 1-.186-.439.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186h3.75v-3.75a.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439v3.75h3.75c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75v3.75a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186.597.597 0 0 1-.439-.186.598.598 0 0 1-.186-.439v-3.75h-3.75a.598.598 0 0 1-.439-.186z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__section-content d-none d-lg-block" data-js-accordion-content>
|
||||
<ul class="list-unstyled pb-15 pb-lg-0">
|
||||
<li class="py-5 py-lg-0">
|
||||
<a class="text-capitalize" href="{{ route('web.profile.index') }}">{{ __('My account') }}</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0">
|
||||
<a class="text-capitalize" href="{{ route('web.pages.favorites') }}">{{ __('Favourites') }}</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0">
|
||||
<a class="text-capitalize" href="{{ route('web.pages.cart') }}">{{ __('My Cart') }}</a>
|
||||
</li>
|
||||
<li class="py-5 py-lg-0">
|
||||
<a class="text-capitalize" href="{{ route('web.profile.orders.index') }}">{{ __('My orders') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,88 @@
|
||||
<div class="col-lg-2 d-none d-lg-block">
|
||||
<div class="footer__social-media"><h5 class="d-none d-lg-block mb-10 text-uppercase">Follow us</h5>
|
||||
<div class="social-media d-flex flex-wrap flex-lg-column align-items-lg-start justify-content-center justify-content-lg-start">
|
||||
|
||||
|
||||
<a href="https://www.facebook.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-facebook" viewBox="0 0 264 512">
|
||||
<path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Facebook</span>
|
||||
</a><a href="https://twitter.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-twitter" viewBox="0 0 512 512">
|
||||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Twitter</span>
|
||||
</a><a href="https://plus.google.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-google" viewBox="0 0 640 512">
|
||||
<path d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Google</span>
|
||||
</a><a href="https://www.instagram.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-instagram" viewBox="0 0 448 512">
|
||||
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Instagram</span>
|
||||
</a><a href="https://www.youtube.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-pinterest" viewBox="0 0 496 512">
|
||||
<path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Pinterest</span>
|
||||
</a><a href="https://www.instagram.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-youtube" viewBox="0 0 576 512">
|
||||
<path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Youtube</span>
|
||||
</a><a href="https://www.behance.net/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-behance" viewBox="0 0 576 512">
|
||||
<path d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Behance</span>
|
||||
</a><a href="https://www.skype.com/" target="_blank"
|
||||
class="d-flex align-items-center mb-6 mx-15 mx-lg-0 mr-lg-10"
|
||||
|
||||
>
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-social-skype" viewBox="0 0 448 512">
|
||||
<path d="M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z"/>
|
||||
</svg>
|
||||
</i> <span class="d-none d-lg-inline">Skype</span>
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<a href="#header" class="footer__back-to-top d-flex position-lg-fixed flex-center" data-js-button-back-to-top="600">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-014"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M11.791 21.505a.598.598 0 0 1-.439-.186.601.601 0 0 1-.186-.439V4.883l-4.551 4.57a.649.649 0 0 1-.449.177.652.652 0 0 1-.449-.176.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l5.625-5.625a2.48 2.48 0 0 1 .107-.068c.032-.02.068-.042.107-.068a.736.736 0 0 1 .468 0c.039.026.075.049.107.068.032.02.068.042.107.068l5.625 5.625c.117.13.176.28.176.449a.652.652 0 0 1-.176.449.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .877.877 0 0 1-.215-.127l-4.551-4.57V20.88a.6.6 0 0 1-.186.439.59.59 0 0 1-.437.186z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="d-lg-none mt-4 ml-2 text-uppercase">{{ __('TOP') }}</span>
|
||||
</a>
|
||||
@@ -0,0 +1,7 @@
|
||||
<div class="header__logo header__logo--sticky-hidden d-flex align-items-center w-100" style="max-width: 64px;">
|
||||
<h1 class="logo h6 w-100 m-0 text-hide" itemscope itemtype="http://schema.org/Organization" data-js-sticky-replace-element="logo">
|
||||
<a href="/" itemprop="url" class="d-block text-hide">
|
||||
<img src="/logo.png" class="lg:scale-2" alt="">
|
||||
</a>
|
||||
</h1>
|
||||
</div>
|
||||
@@ -0,0 +1,7 @@
|
||||
<span class="header__btn-menu d-flex align-items-center d-lg-none mr-20 cursor-pointer js-popup-button" data-js-popup-button="navigation">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-191" viewBox="0 0 24 24">
|
||||
<path d="M3.438 5.479h17.375v1.25H3.438zM3.438 11.104h17.375v1.25H3.438zM3.438 16.729h17.375v1.25H3.438z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
@@ -0,0 +1,17 @@
|
||||
{{-- <div class="d-none js-header-tape" data-js-show-once="true" data-js-delay="0" data-js-cookies-life="1">
|
||||
<div class="header__tape d-flex py-5">
|
||||
<div class="container d-flex flex-center">
|
||||
<div class="position-relative d-flex align-items-start align-items-lg-center px-35">
|
||||
<p class="m-0 px-30 px-lg-0 text-center">FINAL CLEARANCE: Take 20% off ‘Sale Must-Haves'</p>
|
||||
<i class="header__tape-close position-absolute right-0 cursor-pointer"
|
||||
data-js-action="close">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-190" viewBox="0 0 24 24">
|
||||
<path d="M7.718 15.966a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l3.32-3.301-3.32-3.301a.65.65 0 0 1-.176-.449c0-.169.059-.318.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.131.176.28.176.449a.65.65 0 0 1-.176.449l-3.32 3.301 3.32 3.301c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-3.301-3.32-3.301 3.32a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .813.813 0 0 1-.215-.127z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header__border border-bottom d-none d-lg-block"></div>
|
||||
</div> --}}
|
||||
@@ -0,0 +1,172 @@
|
||||
<div class="header__sidebar d-flex align-items-center ml-auto">
|
||||
<a href="{{ route('web.become-seller') }}"
|
||||
class="header__btn-services hide-on-mobile position-relative d-flex align-items-center ml-15 ml-lg-15"
|
||||
data-js-tooltip
|
||||
data-tippy-content="{{ __('Sell on POSTSHOP') }}"
|
||||
data-tippy-placement="bottom"
|
||||
data-tippy-distance="6">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-088" viewBox="0 0 24 24">
|
||||
<path d="M4.181 12.3c-.495-.156-.932-.472-1.309-.947-.378-.475-.566-1.136-.566-1.982 0-.064.003-.117.01-.156a.716.716 0 0 1 .049-.156l3.75-6.875a.849.849 0 0 1 .234-.225.596.596 0 0 1 .332-.088h10a.6.6 0 0 1 .332.088.863.863 0 0 1 .234.225l3.75 6.875a.934.934 0 0 1 .049.156c.006.039.01.092.01.156 0 .808-.189 1.452-.566 1.934-.378.482-.814.814-1.309.996v8.945c0 .183-.059.332-.176.449s-.268.176-.449.176h-5c-.183 0-.332-.059-.449-.176s-.176-.267-.176-.449v-3.75h-2.5v3.75c0 .183-.059.332-.176.449s-.268.176-.449.176h-5c-.183 0-.332-.059-.449-.176s-.176-.267-.176-.449V12.3zm-.625-2.812c.025.573.176 1.01.449 1.309.273.3.645.449 1.113.449.377 0 .732-.098 1.064-.293s.498-.514.498-.957c0-.182.059-.332.176-.449s.267-.176.449-.176.332.059.449.176.176.268.176.449c0 .443.169.762.508.957.338.195.709.293 1.113.293a2.02 2.02 0 0 0 1.035-.273c.313-.182.469-.508.469-.977 0-.182.059-.332.176-.449s.267-.176.449-.176.332.059.449.176.176.268.176.449c0 .469.156.795.469.977a2.01 2.01 0 0 0 1.035.273c.403 0 .774-.098 1.113-.293.338-.195.508-.514.508-.957 0-.182.059-.332.176-.449s.267-.176.449-.176.332.059.449.176.176.268.176.449c0 .443.166.762.498.957s.687.293 1.064.293c.469 0 .84-.149 1.113-.449.273-.299.423-.735.449-1.309L16.31 3.121H7.052L3.556 9.488zm14.375 11.133v-8.125a2.856 2.856 0 0 1-1.055-.273 2.552 2.552 0 0 1-.82-.605 2.336 2.336 0 0 1-.957.654c-.391.15-.82.225-1.289.225-.443 0-.847-.071-1.211-.215a2.507 2.507 0 0 1-.918-.605 2.498 2.498 0 0 1-.918.605 3.274 3.274 0 0 1-1.211.215c-.469 0-.898-.074-1.289-.225a2.33 2.33 0 0 1-.957-.654 2.585 2.585 0 0 1-.82.605 2.861 2.861 0 0 1-1.055.273v8.125h3.75v-3.75c0-.182.059-.332.176-.449s.267-.176.449-.176h3.75c.182 0 .332.059.449.176s.176.268.176.449v3.75h3.75z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
<a href="#"
|
||||
class="header__btn-services hide-on-mobile position-relative d-flex align-items-center ml-15 ml-lg-15 js-popup-button"
|
||||
data-js-popup-button="services"
|
||||
data-js-tooltip
|
||||
data-tippy-content="{{ __('Client service') }}"
|
||||
data-tippy-placement="bottom"
|
||||
data-tippy-distance="6">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-172" viewBox="0 0 24 24">
|
||||
<path d="M12.139 5.929c-.742 0-1.426.205-2.051.615S9 7.498 8.701 8.175c-.065.156-.068.315-.01.478s.173.277.342.342c.156.078.313.085.469.02s.273-.176.352-.332c.195-.456.501-.82.918-1.094.417-.273.872-.41 1.367-.41.69 0 1.279.244 1.768.732s.732 1.077.732 1.768-.244 1.279-.732 1.768-1.078.732-1.768.732a.598.598 0 0 0-.439.186.601.601 0 0 0-.186.439v1.875a.6.6 0 0 0 .186.439.6.6 0 0 0 .439.186.6.6 0 0 0 .439-.186.601.601 0 0 0 .186-.439V13.37c.885-.144 1.627-.563 2.227-1.26a3.614 3.614 0 0 0 .898-2.432c0-1.028-.368-1.911-1.104-2.646-.736-.735-1.618-1.103-2.646-1.103z"/>
|
||||
<path d="M21.348 7.917A10.212 10.212 0 0 0 19.2 4.743c-.905-.905-1.963-1.621-3.174-2.148s-2.507-.791-3.887-.791-2.676.264-3.887.791-2.269 1.243-3.174 2.148c-.905.905-1.621 1.963-2.148 3.174s-.791 2.507-.791 3.887.264 2.676.791 3.887 1.243 2.269 2.148 3.174c.905.905 1.963 1.621 3.174 2.148s2.506.791 3.887.791c1.38 0 2.676-.264 3.887-.791s2.269-1.243 3.174-2.148c.905-.905 1.621-1.963 2.148-3.174s.791-2.507.791-3.887-.264-2.676-.791-3.887zm-1.153 7.295a8.897 8.897 0 0 1-1.875 2.773 8.909 8.909 0 0 1-2.773 1.875c-1.062.462-2.197.693-3.408.693s-2.347-.231-3.409-.693a8.886 8.886 0 0 1-2.773-1.875 8.909 8.909 0 0 1-1.875-2.773c-.462-1.062-.693-2.197-.693-3.408s.231-2.347.693-3.408a8.902 8.902 0 0 1 1.875-2.774A8.909 8.909 0 0 1 8.73 3.747c1.061-.462 2.197-.693 3.408-.693s2.347.231 3.408.693a8.909 8.909 0 0 1 2.773 1.875 8.909 8.909 0 0 1 1.875 2.773c.462 1.062.693 2.197.693 3.408s-.23 2.347-.692 3.409z"/>
|
||||
<circle cx="12.139" cy="17.438" r=".74"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
<a href="{{ route('web.profile.index') }}"
|
||||
class="header__btn-account d-flex align-items-center position-relative ml-15 ml-lg-15 js-popup-button"
|
||||
@guest data-js-popup-button="account" @endguest
|
||||
data-js-tooltip
|
||||
data-tippy-content="{{ __('Account') }}"
|
||||
data-tippy-placement="bottom"
|
||||
data-tippy-distance="6">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-201" viewBox="0 0 24 24">
|
||||
<path d="M4.023 22.167h-1.25v-.625c0-1.042.163-2.034.488-2.979a9.524 9.524 0 0 1 1.357-2.588 9.366 9.366 0 0 1 2.061-2.031 9.58 9.58 0 0 1 2.598-1.328 5.588 5.588 0 0 1-1.992-2.002 5.413 5.413 0 0 1-.762-2.822c0-.781.146-1.51.439-2.188A5.707 5.707 0 0 1 9.96 2.606c.677-.293 1.406-.439 2.188-.439s1.51.146 2.188.439a5.724 5.724 0 0 1 2.998 2.998c.293.677.439 1.406.439 2.188 0 1.029-.254 1.97-.762 2.822a5.588 5.588 0 0 1-1.992 2.002 9.623 9.623 0 0 1 2.598 1.328 9.41 9.41 0 0 1 3.418 4.619c.325.944.488 1.937.488 2.979v.625h-1.25v-.625c0-1.12-.212-2.174-.635-3.164A8.172 8.172 0 0 0 17.9 15.79a8.172 8.172 0 0 0-2.588-1.738 7.966 7.966 0 0 0-3.164-.635c-1.12 0-2.175.212-3.164.635a8.15 8.15 0 0 0-2.588 1.738 8.155 8.155 0 0 0-1.738 2.588 7.966 7.966 0 0 0-.635 3.164v.625zM8.115 9.491a4.364 4.364 0 0 0 2.334 2.334 4.28 4.28 0 0 0 1.699.342 4.375 4.375 0 0 0 4.033-2.676 4.28 4.28 0 0 0 .342-1.699 4.28 4.28 0 0 0-.342-1.699 4.392 4.392 0 0 0-.938-1.396 4.4 4.4 0 0 0-1.396-.937 4.284 4.284 0 0 0-1.699-.342c-.599 0-1.166.114-1.699.342-.534.228-1 .541-1.396.937-.397.397-.71.863-.938 1.396a4.28 4.28 0 0 0-.342 1.699c0 .599.114 1.165.342 1.699z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
<div class="ml-15 ml-lg-15">
|
||||
<a href="#" class="header__btn-wishlist d-flex align-items-center position-relative text-nowrap js-popup-button"
|
||||
@guest
|
||||
data-js-popup-button="account"
|
||||
@else
|
||||
data-js-popup-button="wishlist" data-js-sticky-replace-element="wishlist"
|
||||
@endguest
|
||||
data-js-tooltip
|
||||
data-tippy-content="{{ __('Wish list') }}"
|
||||
data-tippy-placement="bottom"
|
||||
data-tippy-distance="6">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-180" viewBox="0 0 24 24">
|
||||
<path d="M21.486 6.599a5.661 5.661 0 0 0-1.25-1.865c-.56-.56-1.191-.979-1.895-1.26a5.77 5.77 0 0 0-4.326 0c-.71.28-1.345.7-1.904 1.26-.026.039-.056.075-.088.107l-.107.107-.107-.107a.706.706 0 0 1-.088-.107c-.56-.56-1.194-.979-1.904-1.26s-1.433-.42-2.168-.42-1.455.14-2.158.42-1.335.7-1.895 1.26c-.547.546-.964 1.168-1.25 1.865s-.43 1.429-.43 2.197.144 1.501.43 2.197.703 1.318 1.25 1.865l7.871 7.871c.003.003.007.004.011.006l.439.436.439-.437c.003-.002.007-.003.01-.006l7.871-7.871c.547-.547.964-1.169 1.25-1.865s.43-1.429.43-2.197-.145-1.5-.431-2.196zm-1.162 3.916a4.436 4.436 0 0 1-.967 1.445l-7.441 7.441-7.441-7.441c-.417-.417-.739-.898-.967-1.445s-.342-1.12-.342-1.719.114-1.172.342-1.719.55-1.035.967-1.465c.442-.43.94-.755 1.494-.977s1.116-.332 1.689-.332a4.496 4.496 0 0 1 3.467 1.641c.098.117.186.241.264.371.117.169.293.254.527.254s.41-.085.527-.254c.078-.13.166-.254.264-.371s.198-.228.303-.332a4.5 4.5 0 0 1 3.164-1.309c.573 0 1.136.11 1.689.332s1.052.547 1.494.977c.417.43.739.918.967 1.465s.342 1.12.342 1.719-.114 1.172-.342 1.719z"/>
|
||||
</svg>
|
||||
</i>
|
||||
|
||||
<span class="header__counter" id="wishlist-count">
|
||||
@auth
|
||||
{{ cache('user_favorites_likes_count') }}
|
||||
@else
|
||||
0
|
||||
@endauth
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
{{-- <div class="ml-15 ml-lg-15">
|
||||
<a href="#"
|
||||
class="header__btn-compare d-flex align-items-center position-relative text-nowrap js-popup-button"
|
||||
data-js-popup-button="compare-full" data-js-sticky-replace-element="compare"
|
||||
data-js-tooltip
|
||||
data-tippy-content="Compare"
|
||||
data-tippy-placement="bottom"
|
||||
data-tippy-distance="6">
|
||||
<i>
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-039" viewBox="0 0 24 24">
|
||||
<path d="M23.408 19.784c-.01.007-.024.012-.035.02l-4.275-12.11.005-.014-.011-.004-.114-.323v-.061h-6.394v-4.75a.6.6 0 0 0-.186-.439c-.124-.124-.271-.186-.439-.186s-.315.062-.439.186a.601.601 0 0 0-.186.439v4.75H4.939v.062l-.114.322-.011.004.005.014L.544 19.803c-.01-.007-.025-.012-.035-.02l-.388 1.081c1.345.846 3.203 1.363 5.286 1.363 2.08 0 3.935-.515 5.279-1.359l-.019-.054.02-.007L6.326 8.458H17.59l-4.36 12.349.02.007-.019.054c1.344.844 3.199 1.359 5.279 1.359 2.083 0 3.941-.517 5.286-1.363l-.388-1.08zm-14.122.563c-1.085.486-2.434.781-3.88.781-1.423 0-2.749-.288-3.825-.761l.326-.924h7.06l.319.904zm-.71-2.013H2.299l3.138-8.888 3.139 8.888zm9.903-8.888l3.138 8.888h-6.276l3.138-8.888zm.031 11.682c-1.446 0-2.796-.295-3.88-.781l.319-.904h7.06l.326.924c-1.076.473-2.402.761-3.825.761z"/>
|
||||
</svg>
|
||||
</i>
|
||||
|
||||
<span class="header__counter" data-js-compare-count="0">0</span>
|
||||
</a>
|
||||
</div> --}}
|
||||
<div class="ml-15 ml-lg-15">
|
||||
<a href="{{ route('web.pages.cart') }}"
|
||||
class="header__btn-cart position-relative d-flex align-items-center text-nowrap js-popup-button"
|
||||
data-js-popup-button="cart" data-js-sticky-replace-element="cart"
|
||||
>
|
||||
<i class="mr-lg-7">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-109" viewBox="0 0 24 24">
|
||||
<path d="M19.884 21.897a.601.601 0 0 1-.439.186h-15a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.6.6 0 0 1 .186-.439.601.601 0 0 1 .439-.186h3.75c0-1.028.368-1.911 1.104-2.646.735-.735 1.618-1.104 2.646-1.104s1.911.368 2.646 1.104c.735.736 1.104 1.618 1.104 2.646h3.75a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v15a.604.604 0 0 1-.186.439zM18.819 7.083h-3.125v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5h-5v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5H5.069v13.75h13.75V7.083zm-8.642-3.018a2.409 2.409 0 0 0-.733 1.768h5c0-.69-.244-1.279-.732-1.768s-1.077-.732-1.768-.732-1.279.244-1.767.732z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="header__counter top-header-cart-icons" data-js-cart-count-desktop="0">0</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{{-- @auth --}}
|
||||
<div class="ml-15 ml-lg-15">
|
||||
<a href="{{ route('web.profile.orders.index') }}" class="header__btn-cart position-relative d-flex align-items-center text-nowrap js-popup-button"
|
||||
@guest data-js-popup-button="account" @endguest
|
||||
data-js-tooltip
|
||||
data-tippy-content="{{ __('My orders') }}"
|
||||
data-tippy-placement="bottom"
|
||||
data-tippy-distance="6"
|
||||
>
|
||||
{{-- mr-lg-7 --}}
|
||||
<i class="">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-113" viewBox="0 0 24 24">
|
||||
<path d="M22.111 8.227V16.4a.617.617 0 0 1-.098.332.62.62 0 0 1-.254.234l-8.75 4.375h-.02l-.117.039a.435.435 0 0 1-.137.02.435.435 0 0 1-.137-.02l-.117-.039h-.02l-10-5a.627.627 0 0 1-.254-.234.617.617 0 0 1-.098-.332V7.63v-.029c0-.006.006-.016.02-.029a.423.423 0 0 1 .039-.176v-.02c0-.013.006-.02.02-.02a.249.249 0 0 1 .06-.096l.078-.078c.013-.013.026-.02.039-.02l.039-.039a.223.223 0 0 1 .058-.039l8.75-4.375a.603.603 0 0 1 .273-.059c.104 0 .195.02.273.059l10 5a.25.25 0 0 1 .059.039l.039.039c.013 0 .026.007.039.02l.078.078a.235.235 0 0 1 .06.097c.013 0 .02.007.02.02v.02a.504.504 0 0 1 .039.176c.012.012.019.022.019.029zm-18.75 7.158l8.75 4.375v-6.719l-8.75-4.375v6.719zm9.375-3.438l3.086-1.543L7.404 6.01 4.142 7.65l8.594 4.297zm-1.25-7.968L8.771 5.326l8.438 4.395 2.871-1.445-8.594-4.297zm9.375 12.031V9.291l-7.5 3.75v6.719l7.5-3.75z"></path>
|
||||
</svg>
|
||||
</i>
|
||||
{{-- <span class="header__counter" data-js-cart-count-desktop="0">0</span> --}}
|
||||
</a>
|
||||
</div>
|
||||
{{-- @endauth --}}
|
||||
|
||||
{{-- <div class="position-lg-relative d-none d-lg-block ml-lg-15"
|
||||
data-js-position-desktop="currencies">
|
||||
<div class="js-position js-dropdown js-currencies-list"
|
||||
data-js-position-name="currencies">
|
||||
<div class="header__btn-currency position-relative d-none d-lg-flex align-items-lg-center cursor-pointer"
|
||||
data-js-dropdown-button>
|
||||
<span class="mt-lg-3" data-current-currency>US($)</span><i>
|
||||
<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></div>
|
||||
<div class="header__dropdown dropdown d-lg-none position-lg-absolute top-lg-100 right-lg-0"
|
||||
data-js-dropdown>
|
||||
<ul class="list-unstyled w-100 px-15 py-30 py-lg-15">
|
||||
<li class="active" data-button-name="US($)" data-currency-code="USD"><a
|
||||
href="#USD">USD - US Dollar</a></li>
|
||||
<li data-button-name="UE(€)" data-currency-code="EUR"><a href="#EUR">EUR -
|
||||
Euro</a></li>
|
||||
<li data-button-name="BP(£)" data-currency-code="GBP"><a href="#GBP">GBP -
|
||||
British Pound</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="position-lg-relative d-none d-lg-block ml-lg-15"
|
||||
data-js-position-desktop="languages">
|
||||
<div class="js-position js-dropdown js-languages-list"
|
||||
data-js-position-name="languages">
|
||||
<div class="header__btn-language position-relative d-none d-lg-flex align-items-lg-center cursor-pointer" data-js-dropdown-button="">
|
||||
<span class="mt-lg-3">{{ config('app.locales')[app()->getLocale()] ?? 'Türkmen' }}</span>
|
||||
<i>
|
||||
<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"></path>
|
||||
</svg>
|
||||
</i>
|
||||
</div>
|
||||
<div class="header__dropdown dropdown d-lg-none position-lg-absolute top-lg-100 right-lg-0"
|
||||
data-js-dropdown="">
|
||||
<ul class="list-unstyled w-100 px-15 pb-30 py-lg-15">
|
||||
@foreach(config('app.locales') as $key => $value)
|
||||
<li @class(['active' => app()->getLocale() == $key]) data-l="{{ $key }}"><a href="{{ route('web.locale.set', $key) }}"><span>{{ $value }}</span></a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,379 @@
|
||||
@verbatim
|
||||
<script>
|
||||
var Loader = {
|
||||
settings: {
|
||||
scripts: {
|
||||
carousel_articles: {
|
||||
postload: true
|
||||
},
|
||||
carousel_products: {
|
||||
postload: true
|
||||
},
|
||||
carousel_brands: {
|
||||
postload: true
|
||||
}
|
||||
},
|
||||
styles: {
|
||||
theme: {
|
||||
loaded_class: 'css-theme-loaded'
|
||||
},
|
||||
text_font: {
|
||||
loaded_class: 'text-font-loaded'
|
||||
}
|
||||
}
|
||||
},
|
||||
main: {
|
||||
scripts: ['vendor', 'theme'],
|
||||
styles: []
|
||||
},
|
||||
includes: {
|
||||
scripts: {
|
||||
//plugins
|
||||
plugin_popper: '/web/shella/scripts/plugin.popper.min.js',
|
||||
plugin_tippy: '/web/shella/scripts/plugin.tippy.all.min.js',
|
||||
plugin_fotorama: '/web/shella/scripts/plugin.fotorama.min.js',
|
||||
plugin_instafeed: '/web/shella/scripts/plugin.instafeed.min.js',
|
||||
plugin_ion_range_slider: '/web/shella/scripts/plugin.ion-range-slider.min.js',
|
||||
plugin_masonry: '/web/shella/scripts/plugin.masonry.min.js',
|
||||
plugin_revolution_slider: '/web/shella/scripts/plugin.revolution-slider.min.js',
|
||||
plugin_sticky_sidebar: '/web/shella/scripts/plugin.sticky-sidebar.min.js',
|
||||
//global
|
||||
vendor: '/web/shella/scripts/vendor.min.js',
|
||||
theme: '/web/shella/scripts/theme.js',
|
||||
//modules
|
||||
tooltip: '/web/shella/scripts/module.tooltip.min.js',
|
||||
buttons_blocks_visibility: '/web/shella/scripts/module.buttons-blocks-visibility.min.js',
|
||||
collections: '/web/shella/scripts/module.collections.min.js',
|
||||
dynamic_checkout: '/web/shella/scripts/module.dynamic-checkout.min.js',
|
||||
masonry: '/web/shella/scripts/module.masonry.min.js',
|
||||
notifications: '/web/shella/scripts/module.notifications.min.js',
|
||||
parallax: '/web/shella/scripts/module.parallax.min.js',
|
||||
popup_subscription: '/web/shella/scripts/module.popup-subscription.min.js',
|
||||
product_footbar: '/web/shella/scripts/module.product-footbar.min.js',
|
||||
products_view: '/web/shella/scripts/module.products-view.min.js',
|
||||
range_of_price: '/web/shella/scripts/module.range-of-price.min.js',
|
||||
shipping_rates_calculation: '/web/shella/scripts/module.shipping-rates-calculation.min.js',
|
||||
sticky_header: '/web/shella/scripts/module.sticky-header.min.js',
|
||||
sticky_sidebar: '/web/shella/scripts/module.sticky-sidebar.min.js',
|
||||
tabs: '/web/shella/scripts/module.tabs.min.js',
|
||||
trigger: '/web/shella/scripts/module.trigger.min.js',
|
||||
presentation: '/web/shella/scripts/module.presentation.min.js',
|
||||
//sections
|
||||
header: '/web/shella/scripts/section.header.min.js',
|
||||
article_body: '/web/shella/scripts/section.article-body.min.js',
|
||||
blog_body: '/web/shella/scripts/section.blog-body.min.js',
|
||||
blog_sidebar: '/web/shella/scripts/section.blog-sidebar.min.js',
|
||||
carousel_articles: '/web/shella/scripts/section.carousel-articles.min.js',
|
||||
carousel_brands: '/web/shella/scripts/section.carousel-brands.min.js',
|
||||
cs_carousel_brands: '/web/shella/scripts/cs/cs-carousel-brands.js',
|
||||
carousel_products: '/web/shella/scripts/section.carousel-products.min.js',
|
||||
collection_body: '/web/shella/scripts/section.collection-body.min.js',
|
||||
collection_head: '/web/shella/scripts/section.collection-head.min.js',
|
||||
collection_sidebar: '/web/shella/scripts/section.collection-sidebar.min.js',
|
||||
gallery: '/web/shella/scripts/section.gallery.min.js',
|
||||
home_builder: '/web/shella/scripts/section.home-builder.min.js',
|
||||
list_collections: '/web/shella/scripts/section.list-collections.min.js',
|
||||
lookbook: '/web/shella/scripts/section.lookbook.min.js',
|
||||
password_page_content: '/web/shella/scripts/section.password-page-content.min.js',
|
||||
product: '/web/shella/scripts/section.product.min.js',
|
||||
slider_revolution: '/web/shella/scripts/section.slider-revolution.min.js',
|
||||
sorting_collections: '/web/shella/scripts/section.sorting-collections.min.js',
|
||||
footbar: '/web/shella/scripts/section.footbar.min.js',
|
||||
footer: '/web/shella/scripts/section.footer.min.js',
|
||||
mask_js: '/js/inputmask.min.js',
|
||||
cs_functions: '/web/shella/scripts/cs_functions.js'
|
||||
},
|
||||
styles: {
|
||||
//plugins
|
||||
plugin_tippy: '/web/shella/styles/plugin.tippy.min.css',
|
||||
plugin_fotorama: '/web/shella/styles/plugin.fotorama.min.css',
|
||||
plugin_ion_range_slider: '/web/shella/styles/plugin.ion-range-slider.min.css',
|
||||
plugin_revolution: '/web/shella/styles/plugin.revolution.min.css',
|
||||
plugin_slick: '/web/shella/styles/plugin.slick.min.css',
|
||||
//font
|
||||
text_font: 'https://fonts.googleapis.com/css?family=Archivo',
|
||||
//global
|
||||
theme: '/web/shella/styles/theme.min.css',
|
||||
theme_05: '/web/shella/styles/theme-05.min.css',
|
||||
theme_06: '/web/shella/styles/theme-06.min.css',
|
||||
theme_07: '/web/shella/styles/theme-07.min.css',
|
||||
theme_08: '/web/shella/styles/theme-08.min.css',
|
||||
theme_10: '/web/shella/styles/theme-10.min.css',
|
||||
theme_11: '/web/shella/styles/theme-11.min.css',
|
||||
theme_12: '/web/shella/styles/theme-12.min.css',
|
||||
theme_14: '/web/shella/styles/theme-14.min.css',
|
||||
theme_15: '/web/shella/styles/theme-15.min.css'
|
||||
}
|
||||
},
|
||||
deps: {
|
||||
scripts: {
|
||||
//plugins
|
||||
plugin_tippy: ['plugin_popper'],
|
||||
//global
|
||||
theme: ['vendor', 'plugin_fotorama'],
|
||||
//modules
|
||||
tooltip: ['plugin_tippy'],
|
||||
collections: ['products_view'],
|
||||
masonry: ['plugin_masonry'],
|
||||
product_footbar: ['trigger'],
|
||||
range_of_price: ['plugin_ion_range_slider', 'collections'],
|
||||
sticky_sidebar: ['plugin_sticky_sidebar', 'sticky_header'],
|
||||
tabs: ['plugin_sticky_sidebar', 'sticky_sidebar', 'sticky_header'],
|
||||
//sections
|
||||
header: ['sticky_header'],
|
||||
blog_body: ['masonry'],
|
||||
blog_sidebar: ['sticky_sidebar'],
|
||||
collection_sidebar: ['range_of_price'],
|
||||
gallery: ['plugin_fotorama', 'masonry'],
|
||||
home_builder: ['plugin_instafeed', 'plugin_revolution_slider', 'parallax'],
|
||||
list_collections: ['masonry'],
|
||||
product: ['sticky_sidebar', 'tabs'],
|
||||
article_body: ['plugin_slick'],
|
||||
footbar: ['notifications', 'trigger', 'product_footbar']
|
||||
},
|
||||
styles: {
|
||||
//global
|
||||
theme: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme2: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme3: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme4: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme5: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme6: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme7: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme8: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme9: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme10: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme11: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme12: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme13: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme14: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick'],
|
||||
theme15: ['plugin_tippy', 'plugin_fotorama', 'plugin_ion_range_slider', 'plugin_revolution', 'plugin_slick']
|
||||
}
|
||||
},
|
||||
callback: {
|
||||
scripts: {},
|
||||
styles: {}
|
||||
},
|
||||
queue: {
|
||||
scripts: [],
|
||||
styles: []
|
||||
},
|
||||
initials: {
|
||||
scripts: {},
|
||||
styles: {}
|
||||
},
|
||||
loaded: {
|
||||
scripts: {},
|
||||
styles: {}
|
||||
},
|
||||
postload: {
|
||||
scripts: {},
|
||||
styles: {}
|
||||
},
|
||||
postload_offset: 400,
|
||||
require: function (obj) {
|
||||
var namespace;
|
||||
|
||||
switch (obj.type) {
|
||||
case 'style':
|
||||
{
|
||||
namespace = 'styles';
|
||||
break;
|
||||
}
|
||||
case 'script':
|
||||
{
|
||||
namespace = 'scripts';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.settings[namespace][obj.name] && this.settings[namespace][obj.name].postload) {
|
||||
this.postload[namespace][obj.name] = true;
|
||||
} else {
|
||||
this.queue[namespace].push(obj.name);
|
||||
}
|
||||
|
||||
this.initials[namespace][obj.name] = true;
|
||||
},
|
||||
load: function () {
|
||||
var _ = this,
|
||||
namespace,
|
||||
i;
|
||||
|
||||
for (namespace in this.main) {
|
||||
for (i = this.main[namespace].length - 1; i >= 0; i--) {
|
||||
this.initials[namespace][this.main[namespace][i]] = true;
|
||||
this.queue[namespace].unshift(this.main[namespace][i]);
|
||||
}
|
||||
}
|
||||
|
||||
function load_deps(namespace, name, j, callback) {
|
||||
if (j < _.deps[namespace][name].length) {
|
||||
if (_.initials[namespace][_.deps[namespace][name][j]]) {
|
||||
delete _.initials[namespace][_.deps[namespace][name][j]];
|
||||
|
||||
_.loadTag(namespace, _.deps[namespace][name][j], function () {
|
||||
j++;
|
||||
load_deps(namespace, name, j, callback);
|
||||
});
|
||||
} else {
|
||||
j++;
|
||||
load_deps(namespace, name, j, callback);
|
||||
}
|
||||
} else {
|
||||
if (callback) {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function iteration(namespace, i, callback) {
|
||||
var name = _.queue[namespace][i];
|
||||
|
||||
if (i < _.queue[namespace].length && !_.initials[namespace][name]) {
|
||||
i++;
|
||||
iteration(namespace, i, callback);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
function load_deps_callback() {
|
||||
delete _.initials[namespace][name];
|
||||
|
||||
_.loadTag(namespace, name, function () {
|
||||
i++;
|
||||
iteration(namespace, i, callback);
|
||||
});
|
||||
};
|
||||
|
||||
if (i < _.queue[namespace].length) {
|
||||
if (_.checkDeps(namespace, name)) {
|
||||
load_deps_callback();
|
||||
} else {
|
||||
load_deps(namespace, name, 0, load_deps_callback);
|
||||
}
|
||||
} else if (callback) {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
|
||||
iteration('styles', 0, function () {
|
||||
iteration('scripts', 0);
|
||||
});
|
||||
|
||||
function onPostload(namespace, name, elems, j) {
|
||||
for (namespace in _.postload) {
|
||||
for (name in _.postload[namespace]) {
|
||||
elems = document.querySelectorAll('[data-postload="' + name + '"]');
|
||||
|
||||
for (j = 0; j < elems.length; j++) {
|
||||
if (elems[j].getBoundingClientRect().top < window.innerHeight + _.postload_offset) {
|
||||
_.queue[namespace].push(name);
|
||||
delete _.postload[namespace][name];
|
||||
continue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
iteration('styles', 0, function () {
|
||||
iteration('scripts', 0);
|
||||
});
|
||||
};
|
||||
|
||||
window.addEventListener('load', function () {
|
||||
onPostload();
|
||||
|
||||
window.addEventListener('scroll', onPostload);
|
||||
});
|
||||
},
|
||||
checkDeps: function (namespace, name) {
|
||||
var deps = this.deps[namespace][name],
|
||||
clear_deps = true,
|
||||
i;
|
||||
|
||||
if (deps) {
|
||||
for (i = 0; i < deps.length; i++) {
|
||||
if (!this.loaded[namespace][deps[i]] && this.initials[namespace][deps[i]] !== undefined) {
|
||||
clear_deps = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return clear_deps;
|
||||
},
|
||||
loadTag: function (namespace, name, callback) {
|
||||
var _ = this,
|
||||
tag,
|
||||
onload;
|
||||
|
||||
if(document.querySelectorAll('[data-loader-name="' + namespace + '_' + name + '"]').length) {
|
||||
/*console.log('double loading');*/
|
||||
return;
|
||||
}
|
||||
|
||||
onload = function () {
|
||||
_.loaded[namespace][name] = true;
|
||||
|
||||
if (_.settings[namespace][name]) {
|
||||
if (_.settings[namespace][name].loaded_class) {
|
||||
document.getElementsByTagName('html')[0].classList.add(_.settings[namespace][name].loaded_class);
|
||||
}
|
||||
}
|
||||
|
||||
if (callback) {
|
||||
if (_.callback[namespace][name]) {
|
||||
_.callback[namespace][name](_);
|
||||
}
|
||||
|
||||
callback();
|
||||
}
|
||||
|
||||
//console.debug('loaded:', namespace, name);
|
||||
};
|
||||
|
||||
switch (namespace) {
|
||||
case 'styles':
|
||||
{
|
||||
tag = this.buildStyle(name, onload);
|
||||
break;
|
||||
}
|
||||
case 'scripts':
|
||||
{
|
||||
tag = this.buildScript(name, onload);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
tag.setAttribute('data-loader-name', namespace + '_' + name);
|
||||
|
||||
document.head.insertBefore(tag, document.head.childNodes[document.head.childNodes.length - 1].nextSibling);
|
||||
},
|
||||
buildScript: function (name, onload) {
|
||||
var tag = document.createElement('script');
|
||||
|
||||
tag.onload = onload;
|
||||
|
||||
tag.async = true;
|
||||
tag.src = this.includes.scripts[name];
|
||||
|
||||
return tag;
|
||||
},
|
||||
buildStyle: function (name, onload) {
|
||||
var tag = document.createElement('link');
|
||||
|
||||
tag.onload = onload;
|
||||
|
||||
tag.rel = 'stylesheet';
|
||||
tag.href = this.includes.styles[name];
|
||||
|
||||
return tag;
|
||||
}
|
||||
};
|
||||
|
||||
window.page = {
|
||||
default: {}
|
||||
};
|
||||
</script>
|
||||
@endverbatim
|
||||
@@ -0,0 +1,8 @@
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="theme-color" content="#4096f0">
|
||||
<meta name="author" content="Nurmuhammet Allanov">
|
||||
<meta name="msapplication-TileColor" content="#4096f0">
|
||||
<meta name="description" content="POSTSHOP, Marketplace for Turkmenistan">
|
||||
<meta name="csrf-token" value="{{ csrf_token() }}">
|
||||
@@ -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>
|
||||
40
resources/views/web/themes/shella/layouts/app.blade.php
Normal file
40
resources/views/web/themes/shella/layouts/app.blade.php
Normal file
@@ -0,0 +1,40 @@
|
||||
<!doctype html>
|
||||
<!--[if IE 9]>
|
||||
<html class="ie9 no-js supports-no-cookies" lang="en"> <![endif]-->
|
||||
<!--[if (gt IE 9)|!(IE)]><!-->
|
||||
<html class="no-js supports-no-cookies" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <!--<![endif]-->
|
||||
<head>
|
||||
@include('web.themes.shella.layouts.additional.meta-tags')
|
||||
@include('web.themes.shella.layouts.additional.favicons')
|
||||
|
||||
<title>
|
||||
@isset($title)
|
||||
{{ "{$title} |" }}
|
||||
@endisset
|
||||
|
||||
{{ config('app.name') }}
|
||||
</title>
|
||||
|
||||
@include('web.themes.shella.layouts.additional.css')
|
||||
@include('web.themes.shella.layouts.additional.loader-script')
|
||||
|
||||
@include('web.themes.shella.layouts.additional.backend-datas')
|
||||
@stack('header-css')
|
||||
@stack('header-javascript')
|
||||
|
||||
@include('web.themes.general.js.google-analitics')
|
||||
</head>
|
||||
<body
|
||||
id="@isset($page_name) {{ $page_name }} @else index @endisset"
|
||||
class="@isset($body_class) {{ $body_class }} @else template-index theme-css-animate @endisset"
|
||||
data-currency-multiple="false"
|
||||
>
|
||||
@include('web.themes.shella.layouts.header')
|
||||
|
||||
@yield('content')
|
||||
|
||||
@include('web.themes.shella.layouts.footer')
|
||||
@include('web.themes.shella.layouts.js')
|
||||
@stack('footer-javascript')
|
||||
</body>
|
||||
</html>
|
||||
1676
resources/views/web/themes/shella/layouts/footer.blade.php
Normal file
1676
resources/views/web/themes/shella/layouts/footer.blade.php
Normal file
File diff suppressed because it is too large
Load Diff
91
resources/views/web/themes/shella/layouts/header.blade.php
Normal file
91
resources/views/web/themes/shella/layouts/header.blade.php
Normal file
@@ -0,0 +1,91 @@
|
||||
<div id="theme-section-header" class="theme-section">
|
||||
<div data-section-id="header" data-section-type="header">
|
||||
{{-- Technodom header --}}
|
||||
@include('web.themes.technodom.layouts.additional.nav')
|
||||
|
||||
<div id="categories-navigation">
|
||||
{{-- Categories dropdown --}}
|
||||
@include('web.themes.shella.layouts.additional.navigation.categories-dropdown')
|
||||
</div>
|
||||
|
||||
<header
|
||||
id="header"
|
||||
class="header lg:d-none position-lg-relative js-header-sticky"
|
||||
data-js-sticky="desktop_and_mobile"
|
||||
>
|
||||
{{-- Top flash message --}}
|
||||
{{-- @include('web.themes.shella.layouts.additional.header.top-flash-message') --}}
|
||||
{{-- Top flash message end --}}
|
||||
|
||||
<div class="header__content" data-js-mobile-sticky>
|
||||
<div class="header__line-top position-relative d-flex px-10 px-lg-0 py-lg-2">
|
||||
<div class="container d-flex align-items-center">
|
||||
|
||||
{{-- Mobile toggle bread icon --}}
|
||||
@include('web.themes.shella.layouts.additional.header.mobile-nav-toggle-icon')
|
||||
{{-- Mobile toggle bread icon --}}
|
||||
|
||||
{{-- #Logro here --}}
|
||||
@include('web.themes.shella.layouts.additional.header.logo')
|
||||
{{-- #Logo end --}}
|
||||
|
||||
{{-- Top header right icons --}}
|
||||
@include('web.themes.shella.layouts.additional.header.top-header-right-icons')
|
||||
{{-- Top header right icons end --}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Border --}}
|
||||
<div class="header__border border-bottom d-none d-lg-block"></div>
|
||||
{{-- Border end --}}
|
||||
|
||||
<div data-js-desktop-sticky>
|
||||
<div class="header__line-bottom position-relative d-lg-flex py-lg-6">
|
||||
<div class="container d-lg-flex">
|
||||
|
||||
{{-- Navigation --}}
|
||||
@include('web.themes.shella.layouts.navigation')
|
||||
|
||||
{{-- Search Icon --}}
|
||||
@include('web.themes.shella.layouts.additional.navigation.search-icon')
|
||||
{{-- Search Icon end --}}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="header__sticky-sidebar position-absolute d-none align-items-lg-center top-0 right-0 h-100 mr-15">
|
||||
<div class="ml-lg-15" data-js-sticky-replace-here="wishlist"></div>
|
||||
<div class="ml-lg-15" data-js-sticky-replace-here="compare"></div>
|
||||
<div class="ml-lg-15" data-js-sticky-replace-here="cart"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header__border border-bottom d-none d-lg-block"></div>
|
||||
</div>
|
||||
<div class="header__border border-bottom d-lg-none"></div>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "sticky_header"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "header"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "mask_js"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "cs_functions"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
18
resources/views/web/themes/shella/layouts/js.blade.php
Normal file
18
resources/views/web/themes/shella/layouts/js.blade.php
Normal file
@@ -0,0 +1,18 @@
|
||||
<script src="/web/scripts/sweetalert2@11.js"></script>
|
||||
<script src="/web/shella/scripts/cs/app.js"></script>
|
||||
<script src="/web/shella/scripts/cs/navigation.js"></script>
|
||||
<script src="/web/shella/scripts/cs/likes-sidebar.js"></script>
|
||||
<script src="/web/shella/scripts/cs/cart-sidebar.js"></script>
|
||||
<script src="/web/shella/scripts/cs/fn.js?id=1000000000003"></script>
|
||||
|
||||
@if(session()->has('sweet_alert_message'))
|
||||
<script>
|
||||
setTimeout(() => {
|
||||
Swal.fire(
|
||||
'{{ session('sweet_alert_message_title') }}',
|
||||
'{{ session('sweet_alert_message_content') }}',
|
||||
'{{ session('sweet_alert_message_status') }}'
|
||||
);
|
||||
}, 600);
|
||||
</script>
|
||||
@endif
|
||||
@@ -0,0 +1,39 @@
|
||||
<script>
|
||||
window.Lara.navigation = {
|
||||
categories: @json($categories)
|
||||
};
|
||||
</script>
|
||||
|
||||
{{-- id="categories-navigation" --}}
|
||||
<div class="header__nav d-none d-lg-flex" data-js-position-desktop="menu">
|
||||
<nav class="menu js-menu js-position" data-js-position-name="menu">
|
||||
<div class="menu__panel menu__list menu__level-01 d-flex flex-column flex-lg-row flex-lg-wrap menu__panel--bordered">
|
||||
<div class="menu__curtain d-none position-lg-absolute"></div>
|
||||
|
||||
{{-- @mouseenter="showCategoriesDropdown()" --}}
|
||||
<button style="border-radius:8px;" class="navigation-categories-button d-none d-lg-block">
|
||||
<span class="navigation-categories-button-ui-a3" style="border-radius:8px;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="ui-d6">
|
||||
<path fill="currentColor" d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm1 5a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H8Zm-4-4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
|
||||
</svg>
|
||||
<span class="ui-e0 mr-2">{{ __('Categories') }}</span>
|
||||
@include('web.themes.shella.layouts.additional.navigation.dropdown-icons')
|
||||
</span>
|
||||
</button>
|
||||
|
||||
{{-- Categories dropdown --}}
|
||||
{{-- @include('web.themes.shella.layouts.additional.navigation.categories-dropdown') --}}
|
||||
|
||||
{{-- Navigation Menu dropdown Item --}}
|
||||
@foreach($categories as $category)
|
||||
@include('web.themes.shella.layouts.additional.navigation.mobile-menu-dropdown-item', [
|
||||
'category' => $category
|
||||
])
|
||||
@endforeach
|
||||
|
||||
|
||||
{{-- Navigation Menu Link Item --}}
|
||||
{{-- @include('web.themes.shella.layouts.additional.navigation.menu-link-item') --}}
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -0,0 +1,130 @@
|
||||
@extends('web.themes.shella.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
<div class="breadcrumbs mt-15">
|
||||
<div class="container">
|
||||
<ul class="list-unstyled d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<li><a href="">{{ __('Home') }}</a></li>
|
||||
<li><span>{{ __('Contact US') }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mb-60" id="page-container">
|
||||
<div class="row mt-30">
|
||||
<div class="col-12 col-md-4 mb-30">
|
||||
<div class="rte">
|
||||
<h1 class="h3 mb-30">{{ __('Here to help') }}</h1>
|
||||
<p>{{ __('Have a question? You may find an answer in our') }}: <a href="{{ route('web.faq') }}">{{ __('FAQ') }}</a>. {{ __('But you can also contact us') }}:</p>
|
||||
<h5>
|
||||
{{ __('Call us') }}: +993 (65) 72-89-52 <br>
|
||||
Mäti Kösäýew 16, Aşgabat, 744000
|
||||
</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li>{{ __('Opening hours') }}:</li>
|
||||
<li>{{ __('Mon-Fri') }}: 09:00-19:00</li>
|
||||
<li>{{ __('Sat') }}: 09:00-18:00</li>
|
||||
<li>{{ __('Sun') }}: 09:00–16:00</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mt-30">
|
||||
<h5 class="d-lg-block mb-10 text-uppercase">{{ __('Mobile APPS') }}</h5>
|
||||
<div class="row justify-content-center" style="margin-right: 10px;">
|
||||
<div class="col-6 row px-0 text-center m-auto">
|
||||
<div class="col-12 px-0"><span style="color: #575454;">APP STORE</span></div>
|
||||
<div class="col-12 px-0"><img src="/assets/images/app_seller_qr_codes/app_store.png" alt=""></div>
|
||||
</div>
|
||||
<div class="col-6 row px-0 text-center">
|
||||
<div class="col-12 px-0"><span style="color: #575454;">GOOGLE PLAY</span></div>
|
||||
<div class="col-12 px-0"><img src="/assets/images/app_seller_qr_codes/google_play.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-8">
|
||||
@if(auth()->check() && auth()->user()->hasRole('vendor'))
|
||||
<div class="cursor-pointer" style="background: linear-gradient(45deg, #458edb, #6600ff80); padding: 5px; border-radius: 5px;font-size: 16px;">
|
||||
<a href="/turkmenpostadmin" class="text-white">
|
||||
{{ __('Go to panel') }} ➜
|
||||
</a>
|
||||
</div>
|
||||
@else
|
||||
<h2 class="h3 text-capitalize">{{ __('Become an official partner') }}</h2>
|
||||
<p class="fs-lg">
|
||||
{{ __('To become our official partner, please fill out the form below. Then, our staff will contact you.') }}
|
||||
</p>
|
||||
|
||||
@if($errors->any())
|
||||
<ul>
|
||||
@foreach($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
|
||||
<form action="{{ route('web.become-seller.store') }}" method="POST" class="contact-form" enctype="multipart/form-data">
|
||||
@csrf
|
||||
|
||||
<label class="label-required">{{ __('First Name') }}</label>
|
||||
<input type="text" value="{{ old('first_name') }}" name="first_name" placeholder="{{ __('First Name') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Last Name') }}</label>
|
||||
<input type="text" value="{{ old('last_name') }}" name="last_name" placeholder="{{ __('Last Name') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Email') }}</label>
|
||||
<input type="text" value="{{ old('email') }}" name="email" placeholder="{{ __('Email') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Password') }}</label>
|
||||
<input type="password" value="{{ old('password') }}" name="password" placeholder="{{ __('Password') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Shop name') }}</label>
|
||||
<input type="text" value="{{ old('shop_name') }}" name="shop_name" placeholder="{{ __('Shop name') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Phone') }}</label>
|
||||
<input type="text" value="{{ old('phone_number') }}" name="phone_number" placeholder="{{ __('Phone') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Region') }}</label>
|
||||
<select value="{{ old('region') }}" name="region">
|
||||
<option value="ag">{{ __('Ashgabat') }}</option>
|
||||
<option value="mr">{{ __('Mary') }}</option>
|
||||
<option value="ah">{{ __('Ahal') }}</option>
|
||||
<option value="dz">{{ __('Dashagoz') }}</option>
|
||||
<option value="lb">{{ __('Lebap') }}</option>
|
||||
<option value="bn">{{ __('Balkan') }}</option>
|
||||
</select>
|
||||
|
||||
<label class="label-required">{{ __('City') }}</label>
|
||||
<input type="text" value="{{ old('city') }}" name="city" placeholder="{{ __('City') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Street address') }}</label>
|
||||
<input type="text" value="{{ old('street_address') }}" name="street_address" placeholder="{{ __('Street address') }}" required="required">
|
||||
|
||||
<label class="label-required">{{ __('Corparation type') }}</label>
|
||||
<select value="{{ old('region') }}" name="corporation_type">
|
||||
<option value="tel">{{ __('Entrepreneur') }}</option>
|
||||
<option value="hk">{{ __('Private enterprise') }}</option>
|
||||
<option value="hj">{{ __('Partnership enterprise') }}</option>
|
||||
</select>
|
||||
|
||||
<label class="label-required">{{ __('Patent') }}</label>
|
||||
<input type="file" name="patent_data" required="required">
|
||||
|
||||
<div class="pt-10">
|
||||
<button type="submit" class="btn btn--secondary">
|
||||
<i class="mr-5">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-196" viewBox="0 0 24 24">
|
||||
<path d="M21.842 2.54a.601.601 0 0 1 .186.439v12.5c0 .169-.062.315-.186.439s-.271.186-.439.186h-8.535l-5.449 4.238c-.065.052-.13.088-.195.107s-.13.029-.195.029c-.052 0-.101-.007-.146-.02l-.127-.039c-.104-.052-.188-.13-.254-.234s-.098-.215-.098-.332v-3.75h-3.75c-.169 0-.315-.062-.439-.186s-.186-.271-.186-.439v-12.5c0-.169.062-.315.186-.439s.271-.186.439-.186h18.75a.606.606 0 0 1 .438.187zm-1.065 1.064h-17.5v11.25h3.75c.169 0 .315.062.439.186s.186.271.186.439v3.105l4.609-3.594c.065-.052.13-.088.195-.107s.13-.029.195-.029h8.125V3.604z"/>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Send') }}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,84 @@
|
||||
@extends('web.themes.shella.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
<div class="breadcrumbs mt-15">
|
||||
<div class="container">
|
||||
<ul class="list-unstyled d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<li><a href="">{{ __('Home') }}</a></li>
|
||||
<li><span>{{ __('Contact US') }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mb-60" id="page-container">
|
||||
<div class="row mt-30">
|
||||
<div class="col-12 col-md-4 mb-30">
|
||||
<div class="rte">
|
||||
<h1 class="h3 mb-30">{{ __('Here to help') }}</h1>
|
||||
<p>{{ __('Have a question? You may find an answer in our') }}: <a href="{{ route('web.faq') }}">{{ __('FAQ') }}</a>. {{ __('But you can also contact us') }}:</p>
|
||||
<h5>
|
||||
{{ __('Call us') }}: +993 (12) 92-14-95 <br>
|
||||
Mäti Kösäýew 16, Aşgabat, 744000
|
||||
</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li>{{ __('Opening hours') }}:</li>
|
||||
<li>{{ __('Mon-Fri') }}: 09:00-19:00</li>
|
||||
<li>{{ __('Sat') }}: 09:00-18:00</li>
|
||||
<li>{{ __('Sun') }}: 09:00–16:00</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{-- <div class="mt-30">
|
||||
<div id="theme-section-contact-map" class="theme-section">
|
||||
<div class="contact-map position-relative">
|
||||
<iframe width="600" height="450" style="border:0"
|
||||
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBwY_0PWuwH_A5y4iwNAqpaUbUjRPySkFc%0A%20%20%20%20&q=7563%20St.%20Vicent%20Place,%20Glasgow"
|
||||
allowfullscreen=""></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
<div class="col-12 col-md-8">
|
||||
<h2 class="h3 text-capitalize">{{ __('Become an official partner') }}</h2>
|
||||
<p class="fs-lg">
|
||||
{{ __('To become our official partner, please fill out the form below. Then, our staff will contact you.') }}
|
||||
</p>
|
||||
|
||||
@if($errors->any())
|
||||
<ul>
|
||||
@foreach($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
|
||||
<form action="{{ route('web.become-seller.verification.store') }}" method="POST" class="contact-form" enctype="multipart/form">
|
||||
@csrf
|
||||
|
||||
<input type="hidden" name="phone_number" value="{{ request('phone') }}">
|
||||
|
||||
<label class="label-required">{{ __('Phone') . ' ' . __('verification code') }}</label>
|
||||
<input type="text" value="{{ old('phone_verification_code') }}" name="phone_verification_code" placeholder="{{ __('Phone') . ' ' . __('verification code') }}" required="required">
|
||||
|
||||
<input type="hidden" name="email" value="{{ request('email') }}">
|
||||
|
||||
<label class="label-required">{{ __('Email') . ' ' . __('verification code') }}</label>
|
||||
<input type="text" value="{{ old('email_verification_code') }}" name="email_verification_code" placeholder="{{ __('Email') . ' ' . __('verification code') }}" required="required">
|
||||
|
||||
<div class="pt-10">
|
||||
<button type="submit" class="btn btn--secondary">
|
||||
<i class="mr-5">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-196" viewBox="0 0 24 24">
|
||||
<path d="M21.842 2.54a.601.601 0 0 1 .186.439v12.5c0 .169-.062.315-.186.439s-.271.186-.439.186h-8.535l-5.449 4.238c-.065.052-.13.088-.195.107s-.13.029-.195.029c-.052 0-.101-.007-.146-.02l-.127-.039c-.104-.052-.188-.13-.254-.234s-.098-.215-.098-.332v-3.75h-3.75c-.169 0-.315-.062-.439-.186s-.186-.271-.186-.439v-12.5c0-.169.062-.315.186-.439s.271-.186.439-.186h18.75a.606.606 0 0 1 .438.187zm-1.065 1.064h-17.5v11.25h3.75c.169 0 .315.062.439.186s.186.271.186.439v3.105l4.609-3.594c.065-.052.13-.088.195-.107s.13-.029.195-.029h8.125V3.604z"/>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Send') }}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,12 @@
|
||||
@extends('web.themes.shella.layouts.app', [
|
||||
'page_name' => $brand->name,
|
||||
'body_class' => 'template-collection theme-css-animate'
|
||||
])
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
@include('web.themes.shella.components.products.collection.grid-collection', [
|
||||
'resource' => $brand
|
||||
])
|
||||
</main>
|
||||
@stop
|
||||
261
resources/views/web/themes/shella/pages/carts/index.blade.php
Normal file
261
resources/views/web/themes/shella/pages/carts/index.blade.php
Normal file
@@ -0,0 +1,261 @@
|
||||
@extends('web.themes.shella.layouts.app')
|
||||
|
||||
@push('header-css')
|
||||
<style>
|
||||
.rimage__img {
|
||||
object-fit: contain;
|
||||
position: inherit !important;
|
||||
}
|
||||
.cart__sidebar .h6 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.shipping-method-text {
|
||||
color: #041323;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@push('header-javascript')
|
||||
<script>
|
||||
window.Lara.orderTime = @json($orderTime);
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@push('footer-javascript')
|
||||
<script src="/web/shella/scripts/cs/cart-page-container.js"></script>
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
<div class="breadcrumbs mt-15">
|
||||
<div class="container">
|
||||
<ul class="list-unstyled d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
||||
<li style="font-size: 1.6em;"><a href="/">{{ __('Home') }}</a></li>
|
||||
<li style="font-size: 1.6em;"><span>{{ __('My Cart') }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{-- <h1 class="h3 mt-20 mb-30 text-center">{{ __('Shopping Bag') }}</h1> --}}
|
||||
<br><br>
|
||||
|
||||
<div class="cart mb-60 mb-lg-70" id="cart-container">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-xl-9">
|
||||
<div class="cart__items">
|
||||
<div class="cart__head pb-10 border-bottom">
|
||||
<div class="row">
|
||||
<div class="d-none d-sm-block col-sm-5 col-lg-4 col-xl-5">
|
||||
<label class="m-0 text-uppercase">{{ __('Products') }}</label>
|
||||
</div>
|
||||
<div class="col-sm-7 col-lg-8 col-xl-7">
|
||||
<div class="row">
|
||||
<div class="col col-sm-3 col-lg-4">
|
||||
<label class="m-0 text-uppercase text-lg-right">{{ __('Price') }}</label>
|
||||
</div>
|
||||
<div class="col col-sm-3 col-lg-4 text-center text-lg-left">
|
||||
<label class="m-0 text-uppercase text-lg-right">{{ __('Quantity') }}</label>
|
||||
</div>
|
||||
<div class="col col-sm-3 col-lg-4 text-lg-left">
|
||||
<label class="m-0">{{ __('Total') }}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Vue products --}}
|
||||
<div class="py-20 border-bottom" v-for="(product, index) in products" :key="product.id">
|
||||
<div class="row d-flex align-items-center flex-column flex-sm-row">
|
||||
<div class="col-sm-5 col-lg-4 col-xl-5 d-flex align-items-center mb-20 mb-sm-0">
|
||||
<a href="#" class="mr-20" @click="removeCartItem(product.id)">
|
||||
@{{ index + 1 }}
|
||||
</a>
|
||||
<div class="d-flex align-items-center align-items-sm-start align-items-xl-center flex-sm-column flex-xl-row w-100">
|
||||
<a :href="routeFor(product.slug)" class="cart__image mb-sm-15 mb-xl-0 mr-20 mr-sm-0 mr-xl-20">
|
||||
<div class="rimage">
|
||||
<img :src="product.image" class="rimage__img"
|
||||
{{-- data-aspect-ratio="0.7798440311937612" --}}
|
||||
{{-- :data-srcset="imageFor(product.image)" --}}
|
||||
:alt="product.slug">
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column">
|
||||
<a
|
||||
v-html="product.name"
|
||||
:href="routeFor(product.slug)"
|
||||
></a>
|
||||
{{-- <p class="mb-0">Pink / 34</p> --}}
|
||||
<p class="mt-10 mb-0">@{{ product.brand?.name }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-7 col-lg-8 col-xl-7">
|
||||
<div class="row d-flex align-items-center">
|
||||
<div class="col col-sm-3 text-right">
|
||||
<span class="price" data-js-product-price>
|
||||
<span>
|
||||
<span class=money>
|
||||
@{{ product.price_amount }}
|
||||
</span>
|
||||
</span>
|
||||
</span> TMT
|
||||
</div>
|
||||
<div class="col col-sm-3">
|
||||
<input type="number"
|
||||
class="mb-0 text-center text-sm-left"
|
||||
:id="product.id"
|
||||
:value="product.quantity"
|
||||
@input="productQuantityChanged($event, product)"
|
||||
min="1"
|
||||
>
|
||||
</div>
|
||||
<div class="col col-sm-3 text-right">
|
||||
<span class="price" data-js-product-price>
|
||||
<span>
|
||||
<span class=money :id="productTotalPriceId(product.id)">
|
||||
@{{ priceFor(product) }}
|
||||
</span>
|
||||
</span>
|
||||
</span> TMT
|
||||
</div>
|
||||
<div class="col col-sm-3 text-right">
|
||||
<a href="#" class="mr-20" @click="removeCartItem(product.id)">
|
||||
<i>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
role="presentation"
|
||||
class="icon icon-theme-165"
|
||||
viewBox="0 0 24 24"
|
||||
style="fill: #F44336;"
|
||||
>
|
||||
<path d="M4.741 21.654a.601.601 0 0 1-.186-.439v-15h-1.25a.598.598 0 0 1-.439-.186.597.597 0 0 1-.186-.439.6.6 0 0 1 .186-.439.604.604 0 0 1 .439-.186h5v-2.5a.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186h6.25c.169 0 .315.063.439.186a.601.601 0 0 1 .186.439v2.5h5c.169 0 .315.063.439.186a.601.601 0 0 1 .186.439c0 .17-.062.316-.186.439a.601.601 0 0 1-.439.186h-1.25v15a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186H5.18a.598.598 0 0 1-.439-.186zM18.305 6.215h-12.5V20.59h12.5V6.215zM9.37 9.525a.601.601 0 0 1 .186.439v6.875c0 .17-.062.316-.186.439a.601.601 0 0 1-.439.186.598.598 0 0 1-.439-.186.598.598 0 0 1-.186-.439V9.965a.6.6 0 0 1 .186-.439.594.594 0 0 1 .438-.186c.169 0 .316.062.44.185zm.185-4.56h5V3.09h-5v1.875zm2.94 4.56a.601.601 0 0 1 .186.439v6.875c0 .17-.062.316-.186.439a.601.601 0 0 1-.439.186.598.598 0 0 1-.439-.186.598.598 0 0 1-.186-.439V9.965a.6.6 0 0 1 .186-.439.604.604 0 0 1 .439-.186c.168 0 .315.062.439.185zm2.246 0a.604.604 0 0 1 .439-.186c.169 0 .315.063.439.186a.601.601 0 0 1 .186.439v6.875c0 .17-.062.316-.186.439a.601.601 0 0 1-.439.186.598.598 0 0 1-.439-.186.598.598 0 0 1-.186-.439V9.965c0-.169.062-.316.186-.44z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{{-- <div class="pt-20">
|
||||
<div class="free-shipping position-relative px-6 py-3 text-lg-left js-free-shipping" data-value="90000">
|
||||
<div class="free-shipping__progress position-absolute top-0 left-0 h-100" data-js-progress style="width: 100%;"></div>
|
||||
<div class="free-shipping__text position-relative">
|
||||
<i class="mr-3">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-127" viewBox="0 0 24 24">
|
||||
<path d="M21.648 12.672c.104.052.188.13.254.234a.62.62 0 0 1 .098.332v5a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.559a3.043 3.043 0 0 1-1.074 1.787 3.03 3.03 0 0 1-1.992.713c-.756 0-1.42-.238-1.992-.713a3.028 3.028 0 0 1-1.074-1.787h-1.309a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439V4.488H2.625a.597.597 0 0 1-.439-.186A.597.597 0 0 1 2 3.863a.6.6 0 0 1 .186-.439.597.597 0 0 1 .439-.186h8.75a.6.6 0 0 1 .439.186c.123.124.186.27.186.439v2.5h5a.614.614 0 0 1 .586.41l1.797 4.766 2.265 1.133zM9.314 9.674c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75a.597.597 0 0 1-.439-.186.597.597 0 0 1-.186-.439.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186h3.75a.6.6 0 0 1 .439.186zm0 3.125c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.5a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186h2.5a.6.6 0 0 1 .439.186zm11.436 4.814v-3.984l-2.148-1.074a.635.635 0 0 1-.195-.146.557.557 0 0 1-.117-.205l-1.719-4.59H12v10h.684a3.033 3.033 0 0 1 1.074-1.787 3.026 3.026 0 0 1 1.992-.713 3.03 3.03 0 0 1 1.992.713 3.041 3.041 0 0 1 1.074 1.787h1.934zm-3.936-6.064c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.5a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439v-2.5a.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186.6.6 0 0 1 .439.186c.123.124.186.27.186.439v1.875h1.875a.6.6 0 0 1 .439.186zm.264 8.017a1.81 1.81 0 0 0 .547-1.328 1.81 1.81 0 0 0-.547-1.328 1.812 1.812 0 0 0-1.328-.547 1.81 1.81 0 0 0-1.328.547 1.808 1.808 0 0 0-.547 1.328c0 .521.182.964.547 1.328.364.365.807.547 1.328.547s.963-.182 1.328-.547z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<span data-js-text>Free Shipping</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="d-flex pt-25">
|
||||
<a href="/" class="btn btn--text">
|
||||
<i class="mb-4 mr-4">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-012" viewBox="0 0 24 24">
|
||||
<path d="M21.036 12.569a.601.601 0 0 1-.439.186H4.601l4.57 4.551c.117.13.176.28.176.449a.652.652 0 0 1-.176.449.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .877.877 0 0 1-.215-.127l-5.625-5.625a2.48 2.48 0 0 1-.068-.107c-.02-.032-.042-.068-.068-.107a.736.736 0 0 1 0-.468 2.48 2.48 0 0 0 .068-.107c.02-.032.042-.068.068-.107l5.625-5.625a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-4.57 4.551h15.996a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439.599.599 0 0 1-.186.437z"/>
|
||||
</svg>
|
||||
</i>
|
||||
<span class="text-uppercase">{{ __('Continue shopping') }}</span>
|
||||
</a>
|
||||
<button type="submit" class="btn btn--text ml-auto" @click="getCarts()">
|
||||
<i class="mb-4 mr-4">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-010" viewBox="0 0 24 24">
|
||||
<path d="M19.769 3.417c.169.026.306.107.41.244s.144.29.117.459l-.645 4.824c-.013.156-.078.283-.195.381s-.254.146-.41.146h-.078l-4.824-.645c-.169-.026-.306-.107-.41-.244s-.144-.29-.117-.459a.547.547 0 0 1 .225-.41.616.616 0 0 1 .479-.117l3.594.469a7.853 7.853 0 0 0-2.705-2.48 7.327 7.327 0 0 0-3.584-.918c-1.028 0-1.999.195-2.91.586s-1.711.927-2.394 1.611S5.101 8.345 4.71 9.257a7.306 7.306 0 0 0-.586 2.91.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439c0-1.211.231-2.347.693-3.408a8.922 8.922 0 0 1 1.876-2.774A8.909 8.909 0 0 1 8.216 4.11a8.446 8.446 0 0 1 3.408-.693c.703 0 1.387.082 2.051.244a8.912 8.912 0 0 1 1.904.703 8.584 8.584 0 0 1 1.689 1.123c.521.443.983.938 1.387 1.484l.41-3.008a.652.652 0 0 1 .244-.42.57.57 0 0 1 .46-.126zM9.632 16.21a.547.547 0 0 1-.225.41.612.612 0 0 1-.479.117l-3.594-.469a7.818 7.818 0 0 0 2.705 2.48c.54.3 1.113.527 1.719.684s1.228.234 1.865.234c1.028 0 1.999-.195 2.91-.586s1.709-.928 2.393-1.611 1.221-1.481 1.611-2.393a7.3 7.3 0 0 0 .586-2.91.6.6 0 0 1 .186-.439c.124-.124.271-.186.439-.186s.315.062.439.186a.601.601 0 0 1 .186.439 8.443 8.443 0 0 1-.693 3.408 8.886 8.886 0 0 1-1.875 2.773 8.909 8.909 0 0 1-2.773 1.875 8.446 8.446 0 0 1-3.408.693 8.573 8.573 0 0 1-2.051-.244 8.912 8.912 0 0 1-1.904-.703 8.54 8.54 0 0 1-1.689-1.123 8.818 8.818 0 0 1-1.387-1.484l-.41 3.008a.653.653 0 0 1-.215.391.598.598 0 0 1-.41.156H3.48c-.169-.026-.306-.107-.41-.244s-.144-.29-.117-.459l.645-4.824a.547.547 0 0 1 .225-.41.584.584 0 0 1 .459-.117l4.824.645c.169.026.306.107.41.244s.143.29.116.459z"/>
|
||||
</svg>
|
||||
</i>
|
||||
{{ __('Update bag') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-xl-3 mt-25 mt-lg-0">
|
||||
<aside class="cart__sidebar p-20 border" v-if="products.length > 0">
|
||||
<div v-if="orderShippingRegion != 'ag'" class="border-bottom border--dashed">
|
||||
<div id="shipping-calculator" v-if="orderShippingRegion != 'ag'">
|
||||
<h3 class="h6 mb-10">@{{ regionDeliveryMessage }}</h3>
|
||||
{{-- <p class="mb-10">Enter your destination to get a shipping estimate.</p> --}}
|
||||
<p class="shipping-calculator-info d-none mb-10"></p>
|
||||
<div id="wrapper-response"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div :class="{'border-bottom': true, 'border--dashed': true, 'mt-15': orderShippingRegion != 'ag'}">
|
||||
<p class="text-left h6 mb-5">@{{ translations.deliveryType }}</p>
|
||||
<select class="swal2-select h6 m-0 rounded w-100 h-100 mb-10" id="order-shipping-method" v-model="orderShippingMethod">
|
||||
<option value="standart">@{{ translations.delivery.standart }}</option>
|
||||
<option value="express">@{{ translations.delivery.express }}</option>
|
||||
<option value="on_own">@{{ translations.delivery.onOwn }}</option>
|
||||
</select>
|
||||
|
||||
<p class="text-left h6 mb-5">@{{ translations.region }}</p>
|
||||
<select class="swal2-select h6 m-0 rounded w-100 h-100 mb-10" id="order-shipping-region" v-model="orderShippingRegion">
|
||||
<option v-for="(region, index) in translations.regions" :value="index" v-text="region"></option>
|
||||
</select>
|
||||
|
||||
<div v-if="orderShippingRegion != 'ag'">
|
||||
<p class="text-left h6 mb-5">@{{ translations.province }}</p>
|
||||
<select class="swal2-select h6 m-0 rounded w-100 h-100 mb-10" v-model="orderShippingProvince">
|
||||
<option v-for="(region, index) in regionsProvinces" :value="region.id">@{{ region.name.tk }}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div v-if="orderShippingRegion != 'ag' && orderShippingMethod === 'on_own'">
|
||||
<p class="text-left h6 mb-5">@{{ translations.branch }}</p>
|
||||
<select class="swal2-select h6 m-0 rounded w-100 h-100 mb-10" v-model="orderShippingBranch">
|
||||
<option v-for="(branch, index) in regionsBranches" :value="branch.id">@{{ branch.name.tk }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div v-show="orderShippingRegion == 'ag'">
|
||||
<div v-if="orderShippingMethod == 'standart'">
|
||||
<p class="text-left h6 mt-1 mb-5">@{{ translations.time }}</p>
|
||||
<select class="swal2-select h6 m-0 mb-5 rounded w-100 h-100" id="order-client-time">
|
||||
<optgroup :label="orderTime['dates']['today']">
|
||||
<template v-for="time in orderTime['hours']['today']">
|
||||
<option :value="time.hour + ', ' + time.date">@{{ time.hour }}</option>
|
||||
</template>
|
||||
</optgroup>
|
||||
|
||||
<optgroup :label="orderTime['dates']['tomorrow']">
|
||||
<template v-for="time in orderTime['hours']['tomorrow']">
|
||||
<option :value="time.hour + ', ' + time.date">@{{ time.hour }}</option>
|
||||
</template>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- <div>
|
||||
<label class="mb-10" for="CartSpecialInstructions">{{ __('Special Instructions For Seller') }}</label>
|
||||
</div> --}}
|
||||
{{-- <div>
|
||||
<label class="mb-15" for="CartSpecialInstructions"><span class="mb-0">Add special
|
||||
instructions for your order...</span></label>
|
||||
</div> --}}
|
||||
{{-- <textarea id="CartSpecialInstructions" rows="4"></textarea> --}}
|
||||
</div>
|
||||
<div class="pt-15">
|
||||
<p class="shipping-method-text">{{ __('Shipping') }}: @{{ shippingTotal }} TMT</p>
|
||||
|
||||
<h5 class="mb-5">{{ __('Cart total') }}:</h5>
|
||||
<h3 class="mb-5"><span class=money>@{{ totalPayment }} TMT</span></h3>
|
||||
|
||||
<input type="button" class="btn btn--full btn--secondary" name="checkout" value="{{ __('PROCEED TO CHECKOUT') }}" @click="openOrderModal()">
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,12 @@
|
||||
@extends('web.themes.shella.layouts.app', [
|
||||
'page_name' => $category->name,
|
||||
'body_class' => 'template-collection theme-css-animate'
|
||||
])
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
@include('web.themes.shella.components.products.collection.grid-collection', [
|
||||
'resource' => $category
|
||||
])
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,12 @@
|
||||
@extends('web.themes.shella.layouts.app', [
|
||||
'page_name' => $collection->name,
|
||||
'body_class' => 'template-collection theme-css-animate'
|
||||
])
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
@include('web.themes.shella.components.products.collection.grid-collection', [
|
||||
'resource' => $collection
|
||||
])
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,45 @@
|
||||
<div id="theme-section-1537197792650" class="theme-section">
|
||||
<div data-section-id="1537197792650" data-section-type="home-builder" class="container" style="max-width: 90%;">
|
||||
|
||||
<div class="overflow-x-hidden">
|
||||
<div class="row mt-0 mb-40 justify-content-start align-items-start">
|
||||
@foreach($channels as $channel)
|
||||
<div class="col-12 col-md-4 mt-0 mb-10 mb-sm-15 mb-md-15 mb-lg-15 mb-xl-15">
|
||||
<div class="promobox promobox--type-05 image-animation-trigger position-relative d-flex flex-column align-items-center text-center">
|
||||
<a href="{{ $channel->productsPage() }}" class="w-100">
|
||||
<div class="image-animation image-animation--from-default image-animation--to-center image-animation--to-opacity">
|
||||
<div class="rimage" style="padding-top:72.97297297297297%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--fade-in lazyload"
|
||||
data-master="{{ $channel->image() }}"
|
||||
data-aspect-ratio="1.3703703703703705"
|
||||
data-srcset="{{ $channel->image() }} 1x, {{ $channel->image() }} 2x"
|
||||
data-scale-perspective="1.1"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="promobox__plate promobox__plate--hovered position-absolute d-flex flex-column flex-center px-10 py-7 pointer-events-none">
|
||||
<a href="a" class="pointer-events-all">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">{{ $channel->name }}</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="promobox__content-scale position-absolute d-none d-lg-flex flex-column flex-center px-15 py-7 pointer-events-none">
|
||||
<a href="{{ $channel->productsPage() }}" class="pointer-events-all">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">{{ __('View products') }}</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "home_builder"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user