reupload
This commit is contained in:
@@ -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>
|
||||
@@ -0,0 +1,31 @@
|
||||
@extends('web.themes.shella.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
{{-- Hero carousel --}}
|
||||
{{-- @include('web.themes.shella.components.carousel.hero-carousel') --}}
|
||||
|
||||
<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 class="text-capitizalize">{{ __('Sellers') }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h2 class="text-center mt-5">
|
||||
{{ __('Sellers') }}
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
{{-- Entrepreneru --}}
|
||||
@include('web.themes.shella.pages.entrepreneurs.home.entrepreneur-box', [
|
||||
'channels' => $channels
|
||||
])
|
||||
|
||||
{{-- Info icons --}}
|
||||
@include('web.themes.shella.pages.home.info-icons')
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,11 @@
|
||||
@extends('web.themes.shella.layouts.app', [
|
||||
'body_class' => 'template-collection theme-css-animate'
|
||||
])
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
@include('web.themes.shella.components.products.collection.grid-collection', [
|
||||
'resource' => $resource
|
||||
])
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,43 @@
|
||||
@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 style="font-size: 1.6em;"><a href="/">{{ __('Home') }}</a></li>
|
||||
<li style="font-size: 1.6em;"><span class="text-capitizalize">{{ __('Wish list') }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-wishlist mb-40">
|
||||
<div class="wishlist">
|
||||
<div class="container">
|
||||
<div class="wishlist__head d-flex justify-content-lg-center align-items-center position-relative mb-15 mb-lg-30">
|
||||
<h1 class="h3 mt-20 mb-0 text-center text-capitizalize" data-js-store-lists-has-items-wishlist>{{ __('Wish list') }}</h1>
|
||||
|
||||
@if(! $products->isEmpty())
|
||||
<div class="wishlist__button-remove position-absolute d-inline-flex align-items-center cursor-pointer right-0" onclick="Event.fire('clearWishlist')">
|
||||
<i class="mb-4 mr-4">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-165" viewBox="0 0 24 24">
|
||||
<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>
|
||||
<span class="text-uppercase" onclick="">{{ __('Remove all') }}</span>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
@if($products->isEmpty())
|
||||
<p class="text-center">{{ __('No products were added to the Wish List') }}</p>
|
||||
@endif
|
||||
|
||||
@include('web.themes.shella.components.products.collection.grid-products', [
|
||||
'products' => $products
|
||||
])
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,143 @@
|
||||
@extends('web.themes.shella.layouts.app', [
|
||||
'page_name' => 'gallery'
|
||||
])
|
||||
|
||||
@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="index.html">Home</a></li>
|
||||
<li><span>Gallery</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="theme-section-gallery" class="theme-section">
|
||||
<div data-section-id="gallery" data-section-type="gallery" data-boxed-without-paddings="true">
|
||||
<div class="gallery align-items-start pb-60 mt-30 mb-60 overflow-hidden">
|
||||
<div class="gallery__content row">
|
||||
|
||||
@foreach($galleries as $gallery)
|
||||
<div class="col-sm-4 px-5 mb-10">
|
||||
<div class="gallery__item position-relative cursor-pointer" data-index="{{ $loop->first }}">
|
||||
|
||||
<div class="rimage" style="padding-top:72.99180327868854%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--fade-in lazyload"
|
||||
data-master="{{ $gallery->thumbnail() }}"
|
||||
data-aspect-ratio="1.3700168444693992"
|
||||
|
||||
data-srcset="{{ $gallery->thumbnail() }} 1x, {{ $gallery->thumbnail() }} 2x"
|
||||
|
||||
alt="">
|
||||
</div>
|
||||
<div class="gallery__item-layer absolute-stretch d-flex flex-center">
|
||||
<div class="gallery__item-bg absolute-stretch"></div>
|
||||
<div class="gallery__item-text position-relative text-center">
|
||||
<h3 class="h6 mb-0 font-italic">{{ $gallery->title }}</h3>
|
||||
<h4 class="mb-0 mt-15">{{ $gallery->description }}</h4></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
<div class="gallery__fotorama fotorama d-flex justify-content-center invisible position-absolute"
|
||||
data-nav="thumbs" data-thumbheight="100" data-thumbwidth="137" data-allowfullscreen="true"
|
||||
data-keyboard="true">
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/05_71b806d5-702b-4498-ae48-14c229dcaaa9_medium.progressive.png.jpg?v=1538751038">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
FASHION</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/05_71b806d5-702b-4498-ae48-14c229dcaaa9_1000x.progressive.png.jpg?v=1538751038" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/15_b04f22c2-f16c-4ac3-aec6-f48d86fb3efa_medium.progressive.png.jpg?v=1538751353">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">TEXT
|
||||
LINE #1</h3><h4 class="mb-0 mt-10">Text line #2</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/15_b04f22c2-f16c-4ac3-aec6-f48d86fb3efa_1000x.progressive.png.jpg?v=1538751353" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/11_0ab758d9-cc13-462a-a3fe-37ef80a6f112_medium.progressive.png.jpg?v=1538751264">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
VINTAGE</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/11_0ab758d9-cc13-462a-a3fe-37ef80a6f112_1000x.progressive.png.jpg?v=1538751264" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/06_f14921e9-cd6e-4c9b-a320-08bb8e4d0ecd_medium.progressive.png.jpg?v=1538753564">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
SUMMER</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/06_f14921e9-cd6e-4c9b-a320-08bb8e4d0ecd_1000x.progressive.png.jpg?v=1538753564" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/07_7c8cdcee-f0b4-4bd6-8f99-0e1b55d144da_medium.progressive.png.jpg?v=1538751488">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
BEACHWEAR</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/07_7c8cdcee-f0b4-4bd6-8f99-0e1b55d144da_1000x.progressive.png.jpg?v=1538751488" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/09_4efe625d-9d5b-4f1e-a111-53c058b6204c_medium.progressive.png.jpg?v=1538751443">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
SUNGLASSES</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/09_4efe625d-9d5b-4f1e-a111-53c058b6204c_1000x.progressive.png.jpg?v=1538751443" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/13_e1e31bd8-2cef-4bd4-84c1-5330cd63ee87_medium.progressive.png.jpg?v=1538753297">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
WINTER</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/13_e1e31bd8-2cef-4bd4-84c1-5330cd63ee87_1000x.progressive.png.jpg?v=1538753297" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/12_3c61e7a4-f168-488d-b90d-377a1dc0923d_medium.progressive.png.jpg?v=1538754416">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
SHORTS</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/12_3c61e7a4-f168-488d-b90d-377a1dc0923d_1000x.progressive.png.jpg?v=1538754416" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/14_755cc23d-f510-418d-9b91-1b7cf1efa4c0_medium.progressive.png.jpg?v=1538753159">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
ACCESSORIES</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/14_755cc23d-f510-418d-9b91-1b7cf1efa4c0_1000x.progressive.png.jpg?v=1538753159" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/10_f4996b15-ddc0-4056-8c8a-95fc0abebd66_medium.progressive.png.jpg?v=1538754441">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
DENIM</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/10_f4996b15-ddc0-4056-8c8a-95fc0abebd66_1000x.progressive.png.jpg?v=1538754441" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_e990066b-a215-4aed-b16e-5daf52477927_medium.progressive.png.jpg?v=1538754454">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
SUNGLASSES</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/08_e990066b-a215-4aed-b16e-5daf52477927_1000x.progressive.png.jpg?v=1538754454" alt="title">
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-center h-100"
|
||||
data-thumb="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/04_d25a2e69-0024-416a-b984-61617949c8e8_medium.progressive.png.jpg?v=1538754468">
|
||||
<div class="gallery__item-text w-100 pb-35 text-center"><h3 class="h6 mb-0 font-italic">
|
||||
LOUNGEWEAR</h3><h4 class="mb-0 mt-10">Lorem ipsum dolor sit amet</h4></div>
|
||||
<img src="https://cdn.shopify.com/s/files/1/0026/2910/7764/files/04_d25a2e69-0024-416a-b984-61617949c8e8_1000x.progressive.png.jpg?v=1538754468" alt="title">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
Loader.require({
|
||||
type: "style",
|
||||
name: "plugin_fotorama"
|
||||
});
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "plugin_fotorama"
|
||||
});
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "gallery"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
@stop
|
||||
160
resources/views/web/themes/shella/pages/home/blog.blade.php
Normal file
160
resources/views/web/themes/shella/pages/home/blog.blade.php
Normal file
@@ -0,0 +1,160 @@
|
||||
<div id="theme-section-1537199704472" class="theme-section">
|
||||
<div data-section-id="1537199704472" data-section-type="carousel-articles" data-postload="carousel_articles">
|
||||
|
||||
<div class="container mt-0 mb-60">
|
||||
<div class="carousel carousel--arrows carousel-articles position-relative"><h4
|
||||
class="carousel__title mb-35 text-center"><a
|
||||
href="https://shella-demo.myshopify.comblog.html">World Of Shella</a></h4>
|
||||
<div class="carousel__slider position-relative invisible"
|
||||
data-js-carousel
|
||||
data-autoplay="true"
|
||||
data-speed="5000"
|
||||
data-count="2"
|
||||
data-infinite="false"
|
||||
data-arrows="true"
|
||||
data-bullets="true">
|
||||
<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 row" data-js-carousel-slick>
|
||||
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
|
||||
<a href="blogs/blog/one-of-the-best"
|
||||
class="carousel-articles__image d-block mr-xl-20 w-100">
|
||||
<div class="rimage" style="padding-top:72.98701298701299%;"><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/articles/08_9249c903-064e-470b-9d59-ea9cc02204ab_{width}x.progressive.jpg?v=1542459427"
|
||||
data-aspect-ratio="1.3701067615658362"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/08_9249c903-064e-470b-9d59-ea9cc02204ab_270x.progressive.jpg?v=1542459427 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/08_9249c903-064e-470b-9d59-ea9cc02204ab_270x@2x.progressive.jpg?v=1542459427 2x"
|
||||
|
||||
|
||||
alt="One of the best?">
|
||||
</div>
|
||||
</a>
|
||||
<div class="mt-20 mt-xl-0">
|
||||
<h3 class="mb-10"><a href="blogs/blog/one-of-the-best">One of the best?</a>
|
||||
</h3>
|
||||
|
||||
|
||||
<div class="font-italic">
|
||||
<p class='mb-5'>
|
||||
<time datetime="2018-10-31T17:20:00Z">October 31, 2018</time>
|
||||
</p>
|
||||
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
|
||||
<a href="blogs/blog/high-street-cleansing-creams"
|
||||
class="carousel-articles__image d-block mr-xl-20 w-100">
|
||||
<div class="rimage" style="padding-top:72.98701298701299%;"><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/articles/13_{width}x.progressive.jpg?v=1542459020"
|
||||
data-aspect-ratio="1.3701067615658362"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/13_270x.progressive.jpg?v=1542459020 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/13_270x@2x.progressive.jpg?v=1542459020 2x"
|
||||
|
||||
|
||||
alt="High-street cleansing creams">
|
||||
</div>
|
||||
</a>
|
||||
<div class="mt-20 mt-xl-0">
|
||||
<h3 class="mb-10"><a href="blogs/blog/high-street-cleansing-creams">High-street
|
||||
cleansing creams</a></h3>
|
||||
|
||||
|
||||
<div class="font-italic">
|
||||
<p class='mb-5'>
|
||||
<time datetime="2018-10-31T17:20:00Z">October 31, 2018</time>
|
||||
</p>
|
||||
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
|
||||
<a href="blogs/blog/three-of-the-best-red-lipsticks-for-spring"
|
||||
class="carousel-articles__image d-block mr-xl-20 w-100">
|
||||
<div class="rimage" style="padding-top:72.98701298701299%;"><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/articles/07_{width}x.progressive.jpg?v=1542458925"
|
||||
data-aspect-ratio="1.3701067615658362"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/07_270x.progressive.jpg?v=1542458925 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/07_270x@2x.progressive.jpg?v=1542458925 2x"
|
||||
|
||||
|
||||
alt="Three of the best red lipsticks for spring">
|
||||
</div>
|
||||
</a>
|
||||
<div class="mt-20 mt-xl-0">
|
||||
<h3 class="mb-10"><a
|
||||
href="blogs/blog/three-of-the-best-red-lipsticks-for-spring">Three of
|
||||
the best red lipsticks for spring</a></h3>
|
||||
|
||||
|
||||
<div class="font-italic">
|
||||
<p class='mb-5'>
|
||||
<time datetime="2018-10-04T16:01:00Z">October 04, 2018</time>
|
||||
</p>
|
||||
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel__item carousel-articles__item col-auto d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left">
|
||||
<a href="blogs/blog/blast-from-the-past-check-out-the-90s-fashion-revival"
|
||||
class="carousel-articles__image d-block mr-xl-20 w-100">
|
||||
<div class="rimage" style="padding-top:72.98701298701299%;"><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/articles/09_{width}x.progressive.jpg?v=1542458980"
|
||||
data-aspect-ratio="1.3701067615658362"
|
||||
|
||||
|
||||
data-srcset="https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/09_270x.progressive.jpg?v=1542458980 1x, https://cdn.shopify.com/s/files/1/0026/2910/7764/articles/09_270x@2x.progressive.jpg?v=1542458980 2x"
|
||||
|
||||
|
||||
alt="Blast from the past: check out the 90s fashion revival">
|
||||
</div>
|
||||
</a>
|
||||
<div class="mt-20 mt-xl-0">
|
||||
<h3 class="mb-10"><a
|
||||
href="blogs/blog/blast-from-the-past-check-out-the-90s-fashion-revival">Blast
|
||||
from the past: check out the 90s fashion revival</a></h3>
|
||||
|
||||
|
||||
<div class="font-italic">
|
||||
<p class='mb-5'>
|
||||
<time datetime="2018-10-04T15:56:00Z">October 04, 2018</time>
|
||||
</p>
|
||||
<p class='mb-0'>Posted by ANNIE GREENBERG</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</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_articles"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,63 @@
|
||||
@foreach($collections as $collection)
|
||||
@include('web.theme.shella.components.products.product-carousel', [
|
||||
'title' => $collection->name,
|
||||
'title_action' => route('web.collections.show', ['collection' => $collection->slug]),
|
||||
'products' => $collection->products
|
||||
])
|
||||
@endforeach
|
||||
|
||||
<div id="theme-section-1537200465879" class="theme-section">
|
||||
<div data-section-id="1537200465879" data-section-type="carousel-products" data-postload="carousel_products">
|
||||
<div class="container">
|
||||
|
||||
{{-- Collections --}}
|
||||
@foreach($collections as $collection)
|
||||
|
||||
<div class="carousel carousel--arrows carousel-products position-relative mt-0 mb-60">
|
||||
<div class="carousel__head row justify-content-center mb-25" data-carousel-control>
|
||||
<h4 class="carousel__title col-auto mb-10 text-center">
|
||||
<a href="{{ route('web.collections.show', ['collection' => $collection->slug]) }}" class="active" data-collection="trending-now-hp">{{ $collection->name }}</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div class="carousel__slider position-relative invisible" data-js-carousel data-autoplay="true" data-speed="5000" data-count="4" data-infinite="true" data-arrows="true" data-bullets="true">
|
||||
<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__products overflow-hidden">
|
||||
<div class="carousel__slick row" data-js-carousel-slick data-carousel-items data-max-count="6" data-products-pre-row="4" data-async-ajax-loading="true">
|
||||
|
||||
@foreach($products as $post)
|
||||
@include('product-carousel-item')
|
||||
@endforeach
|
||||
|
||||
</div> {{-- Carousel row end --}}
|
||||
</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>
|
||||
|
||||
@endforeach
|
||||
|
||||
</div> {{-- Container end --}}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "style",
|
||||
name: "plugin_slick"
|
||||
});
|
||||
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "carousel_products"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,63 @@
|
||||
@push('header-css')
|
||||
<style>
|
||||
.m-w-90 {
|
||||
max-width: 90%;
|
||||
}
|
||||
#product-collections-container {
|
||||
margin: 0 -12.5px;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@push('footer-javascript')
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
let homepage2GridBannerContainer = document.getElementById('theme-section-two-grid-banners');
|
||||
let productCollectionContainer = document.getElementById('product-collections-container');
|
||||
let collectionLoader = document.getElementById('collection-products-loader');
|
||||
|
||||
let loading = false;
|
||||
let pagination = 2;
|
||||
let paginationDone = false;
|
||||
elementAppeared(homepage2GridBannerContainer, () => {
|
||||
if (! loading && ! paginationDone) {
|
||||
loading = true;
|
||||
collectionLoader.classList.remove('d-none')
|
||||
collectionLoader.classList.add('d-flex')
|
||||
|
||||
$.ajax(location.href, {
|
||||
data: {
|
||||
page: pagination
|
||||
},
|
||||
success(response) {
|
||||
productCollectionContainer.insertAdjacentHTML('beforeend', response.collections)
|
||||
|
||||
pagination++;
|
||||
loading = false;
|
||||
collectionLoader.classList.remove('d-flex')
|
||||
collectionLoader.classList.add('d-none')
|
||||
new LazyLoad({
|
||||
elements_selector: '.lazyload',
|
||||
threshold: 100,
|
||||
})
|
||||
|
||||
if (! response.pagination.next_page_url) {
|
||||
paginationDone = true
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
})
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
<div class="container m-w-90">
|
||||
<div id="product-collections-container" class="component-list component-small-list d-flex flex-wrap">
|
||||
@include('web.themes.trendyol.components.products.collection.collections')
|
||||
</div>
|
||||
|
||||
<div id="collection-products-loader" class="d-flex justify-content-center">
|
||||
<img src="/web/shella/images/shella-preloader.svg" alt="Pre-loader"></div>
|
||||
</div>
|
||||
</div>
|
||||
35
resources/views/web/themes/shella/pages/home/index.blade.php
Normal file
35
resources/views/web/themes/shella/pages/home/index.blade.php
Normal file
@@ -0,0 +1,35 @@
|
||||
@extends('web.themes.shella.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
<!-- BEGIN content_for_index -->
|
||||
|
||||
{{-- Hero carousel --}}
|
||||
@include('web.themes.shella.components.carousel.hero-carousel')
|
||||
|
||||
{{-- Brands carousel --}}
|
||||
@include('web.themes.shella.components.carousel.brands-carousel')
|
||||
|
||||
{{-- Main categories box --}}
|
||||
@include('web.themes.shella.components.banners.three-main-categories-box')
|
||||
|
||||
{{-- Homepage collections --}}
|
||||
@include('web.themes.shella.pages.home.collections')
|
||||
|
||||
{{-- New products --}}
|
||||
@include('web.themes.shella.components.banners.2-grid-banners')
|
||||
|
||||
{{-- Info icons --}}
|
||||
@include('web.themes.shella.pages.home.info-icons')
|
||||
|
||||
{{-- Blogs --}}
|
||||
{{-- @include('web.themes.shella.pages.home.blog') --}}
|
||||
|
||||
{{-- Gallery --}}
|
||||
{{-- @include('web.themes.shella.pages.home.social-media-posts', [
|
||||
'galleries' => $homepage_galleries
|
||||
]) --}}
|
||||
|
||||
<!-- END content_for_index -->
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,50 @@
|
||||
<div id="info-icons-container" class="theme-section">
|
||||
<div data-section-id="1537281114729" data-section-type="information-line">
|
||||
<div class="mt-0 mb-0">
|
||||
<div class="information-line">
|
||||
<div class="border-top"></div>
|
||||
<div class="container">
|
||||
<div class="row py-10">
|
||||
<div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-start py-10">
|
||||
<i class="mr-15">
|
||||
|
||||
<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>
|
||||
<div>
|
||||
<h6 class="d-inline">{{ __('Fast and quality delivery to your door') }}. </h6>
|
||||
<p class="d-inline">{{ __('We provide delivery service throughout Turkmenistan') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-start py-10">
|
||||
<i class="mr-15">
|
||||
<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>
|
||||
<div><h6 class="d-inline">{{ __('Quality and service guarantee') }}. </h6>
|
||||
<p class="d-inline">{{ __('We only offer products we are confident in') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-start py-10">
|
||||
<i class="mr-15">
|
||||
<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>
|
||||
<div><h6 class="d-inline">{{ __('Refund or exchange available') }}</h6>
|
||||
<p class="d-inline">{{ __('in the event of a purchase defect') }}</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,62 @@
|
||||
<div id="theme-section-1537200007548" class="theme-section">
|
||||
<div data-section-id="1537200007548" data-section-type="home-builder" class="container">
|
||||
<h4 class="mb-30 text-center">
|
||||
<a href="https://www.instagram.com/turkmenpost_/" target="_blank"><span class="text-underline">@Postshop </span>{{ __('Follow Us On Instagram') }}</a>
|
||||
</h4>
|
||||
|
||||
<div class="overflow-x-hidden">
|
||||
<div class="row mt-0 mb-45 justify-content-start align-items-start">
|
||||
<div class="col-12 col-md-12 mt-0 mb-15">
|
||||
<div class="instafeed row no-gutters position-relative">
|
||||
@foreach($galleries as $gallery)
|
||||
<div class="instafeed__item col col-4 col-sm-4 col-md-2 col-lg-2 col-xl-2">
|
||||
<a href="https://www.instagram.com/p/BnQ-ZctHuBf/" class="d-block position-relative"
|
||||
target="_blank">
|
||||
<div class="rimage" style="padding-top:100.0%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="{{ $gallery->thumbnail() }}"
|
||||
data-aspect-ratio="1.0"
|
||||
|
||||
data-srcset="{{ $gallery->thumbnail() }} 1x, {{ $gallery->thumbnail() }} 2x"
|
||||
|
||||
alt="">
|
||||
</div>
|
||||
<div class="instafeed__curtain absolute-stretch d-none d-lg-flex flex-lg-center">
|
||||
|
||||
<div class="d-flex position-relative align-items-center mr-15">
|
||||
<i class="mr-5">
|
||||
<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="mt-2">2</span>
|
||||
</div>
|
||||
<div class="d-flex position-relative align-items-center">
|
||||
<i class="mr-5">
|
||||
<svg aria-hidden="true" focusable="false" role="presentation"
|
||||
class="icon icon-theme-176" viewBox="0 0 24 24">
|
||||
<path d="M12.027 2.429c1.406 0 2.718.208 3.936.625s2.275.993 3.174 1.729 1.604 1.599 2.119 2.588.771 2.051.771 3.184c0 .938-.188 1.849-.566 2.734s-.918 1.699-1.621 2.441l.313 4.16c.013.104-.007.205-.059.303s-.117.179-.195.244c-.052.039-.11.068-.176.088a.663.663 0 0 1-.312.019.999.999 0 0 1-.117-.029l-4.688-1.953c-.43.091-.859.163-1.289.215s-.859.078-1.289.078c-1.38 0-2.676-.218-3.887-.654s-2.269-1.032-3.174-1.787-1.621-1.634-2.148-2.637-.791-2.077-.791-3.223c0-1.133.257-2.194.771-3.184S4.02 5.518 4.918 4.782 6.874 3.47 8.092 3.053s2.529-.624 3.935-.624zm6.739 12.617c.651-.638 1.149-1.341 1.494-2.109s.518-1.563.518-2.383c0-.964-.225-1.865-.674-2.705s-1.067-1.569-1.855-2.188-1.716-1.104-2.783-1.455-2.214-.527-3.438-.527-2.371.175-3.438.527-1.995.837-2.783 1.455S4.4 7.009 3.951 7.849s-.674 1.741-.674 2.705c0 .977.231 1.892.693 2.744s1.087 1.599 1.875 2.236 1.712 1.143 2.773 1.514 2.197.557 3.408.557c.417 0 .833-.026 1.25-.078s.827-.124 1.23-.215c.026-.013.052-.02.078-.02h.078c.039 0 .078.003.117.01s.078.017.117.029l3.926 1.641-.234-3.438c-.013-.091-.003-.183.029-.273s.083-.163.149-.215z"/>
|
||||
</svg>
|
||||
</i><span class="mt-2">2</span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "home_builder"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,70 @@
|
||||
@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">
|
||||
<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">{{ __('Drop us a line') }}</h2>
|
||||
<p class="fs-lg">{{ __('We’re happy to answer any questions you have or provide you with an estimate. Just send us a message in the form below with any questions you may have') }}.</p>
|
||||
<form action="{{ route('web.contact-us.store') }}" method="POST" id="contact_form" class="contact-form">
|
||||
@csrf
|
||||
<label for="ContactFormName" class="label-required">{{ __('Name') }}</label>
|
||||
<input type="text" name="title" id="ContactFormName" placeholder="{{ __('Name') }}" required="required">
|
||||
|
||||
<label for="ContactFormPhone" class="label-required">{{ __('Phone') }}</label>
|
||||
<input type="text" class="form-control" name="phone" id="ContactFormPhone" placeholder="{{ __('Phone') }}" required="required">
|
||||
|
||||
<label for="ContactFormMessage" class="label-required">{{ __('Content') }}</label>
|
||||
<textarea rows="8" name="content" id="ContactFormMessage" placeholder="{{ __('Content') }}" required="required"></textarea>
|
||||
|
||||
<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
|
||||
40
resources/views/web/themes/shella/pages/legals/faq.blade.php
Normal file
40
resources/views/web/themes/shella/pages/legals/faq.blade.php
Normal file
@@ -0,0 +1,40 @@
|
||||
@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>{{ __('FAQ') }}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mb-60">
|
||||
<h1 class="h3 mt-30 text-center">{{ __('Frequently asked questions') }}</h1>
|
||||
<div class="rte">
|
||||
<div class="container container--sm px-0">
|
||||
{{-- <p class="mb-50 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> --}}
|
||||
</div>
|
||||
</div>
|
||||
<div id="theme-section-faqs" class="theme-section">
|
||||
@switch(app()->getLocale())
|
||||
@case('ru')
|
||||
@include('web.themes.shella.pages.legals.langs.faq-ru')
|
||||
@break
|
||||
|
||||
@case('en')
|
||||
@include('web.themes.shella.pages.legals.langs.faq-en')
|
||||
@break
|
||||
|
||||
@default
|
||||
@include('web.themes.shella.pages.legals.langs.faq-tk')
|
||||
@endswitch
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,23 @@
|
||||
@extends('web.themes.shella.layouts.app')
|
||||
|
||||
@section('content')
|
||||
<main id="MainContent">
|
||||
<div class="container">
|
||||
|
||||
@switch(app()->getLocale())
|
||||
@case('ru')
|
||||
@include('web.themes.shella.pages.legals.langs.help-ru')
|
||||
@break
|
||||
|
||||
@case('en')
|
||||
@include('web.themes.shella.pages.legals.langs.help-en')
|
||||
@break
|
||||
|
||||
@default
|
||||
@include('web.themes.shella.pages.legals.langs.help-tk')
|
||||
@endswitch
|
||||
|
||||
<br><br>
|
||||
</div>
|
||||
</main>
|
||||
@stop
|
||||
@@ -0,0 +1,58 @@
|
||||
<div class="container container--sm">
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer open" data-js-accordion-button>
|
||||
<span class="mr-15">Shipping</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content>
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>Simple shipping within 1 to 7 business days</li>
|
||||
<li>In-store collection available within 1 to 7 business days</li>
|
||||
<li>Next-day and Express delivery options also available</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer" data-js-accordion-button>
|
||||
<span class="mr-15">Payment methods for the order</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content class="d-none">
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>You can pay for the selected goods only in Turkmen manats, in cash, payment with a card, payment by bank cards online or by terminal.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer" data-js-accordion-button>
|
||||
<span class="mr-15">Return of goods</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content class="d-none">
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>Upon receipt of the order, the courier will give you 2 invoices, on which you will need to confirm receipt of the order by signing in the appropriate fields. After that, the courier will leave one invoice for you, and take one with him.</li>
|
||||
<li>Return of goods is possible only in case of a factory defect of the goods. Therefore, upon receipt of an order, it is necessary to check the goods for defects and only then sign the delivery note, thereby confirming the absence of any defects on the goods. Return and exchange of underwear (men's, women's, children's) is not possible due to hygiene standards.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,56 @@
|
||||
<div class="container container--sm">
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer open" data-js-accordion-button><span class="mr-15">Eltip bermek</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content>
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>1-7 iş gününiň dowamynda adaty şertlerde eltip bermek</li>
|
||||
<li>Gowşuryş nokatlarydan almak üçin 1-7 iş günüň içinde elýeterli</li>
|
||||
<li>Ertesi gün we “Express” eltip bermek hyzmatlary bar</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer" data-js-accordion-button><span class="mr-15">Töleg usullary</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content class="d-none">
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>Saýlanan harytlary diňe milli manatda nagt görnüşinde, bank kartlary arkaly onlaýn ýa-da terminal arkaly tölemek mümkinçiligi bar.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer" data-js-accordion-button>
|
||||
<span class="mr-15">Sargydy gaýtarmak</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content class="d-none">
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>Sargyt kabul edilenden soň, çapar sargydyň kabul edilip alnandygyny gol çekip tassyklamak üçin 2 sany ýan hatyny berer. Soňra, çapar Size bir ýan hatyny berer we birini özünde galdyrar.</li>
|
||||
<li>Harytlaryň yzyna gaýtarylmagy diňe öndürijiniň kemçilikleri bolan ýagdaýynda mümkindir. Şonuň üçin müşderi sargydy kabul edende harytlaryň kemçiliklerini barlamaly we ýan hata gol çekmeli, şeýlelik bilen harytlarda kemçilikleriň ýokdugyny tassyklamaly. Arassaçylyk ülňüleri sebäpli içki eşikleriň (erkekleriň, aýallaryň, çagalaryň) gaýtarylmagy gelmegi we çalşylmagy mümkin däldir.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,56 @@
|
||||
<div class="container container--sm">
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer open" data-js-accordion-button><span class="mr-15">Eltip bermek</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content>
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>1-7 iş gününiň dowamynda adaty şertlerde eltip bermek</li>
|
||||
<li>Gowşuryş nokatlarydan almak üçin 1-7 iş günüň içinde elýeterli</li>
|
||||
<li>Ertesi gün we “Express” eltip bermek hyzmatlary bar</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer" data-js-accordion-button><span class="mr-15">Töleg usullary</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content class="d-none">
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>Saýlanan harytlary diňe milli manatda nagt görnüşinde, bank kartlary arkaly onlaýn ýa-da terminal arkaly tölemek mümkinçiligi bar.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faqs border-top" data-js-accordion="all">
|
||||
<h2 class="faqs__head h5 d-flex align-items-center py-10 mb-0 cursor-pointer" data-js-accordion-button>
|
||||
<span class="mr-15">Sargydy gaýtarmak</span>
|
||||
<i class="faqs__cross ml-auto">
|
||||
<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>
|
||||
</h2>
|
||||
<div data-js-accordion-content class="d-none">
|
||||
<div class="rte pt-10 pb-30">
|
||||
<ul class="list-lg mb-0">
|
||||
<li>Sargyt kabul edilenden soň, çapar sargydyň kabul edilip alnandygyny gol çekip tassyklamak üçin 2 sany ýan hatyny berer. Soňra, çapar Size bir ýan hatyny berer we birini özünde galdyrar.</li>
|
||||
<li>Harytlaryň yzyna gaýtarylmagy diňe öndürijiniň kemçilikleri bolan ýagdaýynda mümkindir. Şonuň üçin müşderi sargydy kabul edende harytlaryň kemçiliklerini barlamaly we ýan hata gol çekmeli, şeýlelik bilen harytlarda kemçilikleriň ýokdugyny tassyklamaly. Arassaçylyk ülňüleri sebäpli içki eşikleriň (erkekleriň, aýallaryň, çagalaryň) gaýtarylmagy gelmegi we çalşylmagy mümkin däldir.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,45 @@
|
||||
<br><br>
|
||||
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124; letter-spacing: 0.6pt;">How to order</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000;"><span lang="EN" style="font-size: 10pt; font-family: Arial, sans-serif; color: #858585;"><br /><br /><br /></span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">1. Login or register</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">You can only place an order in your private room. Sign in or register using your phone number:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">2. Add items to "Cart".</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Select the appropriate type and size (color) in the shopping cart and click the "Add to Cart" button:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">3. Go to cart</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Go to Cart to continue checkout.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Click the "Go to Cart" button on the shopping cart:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">4. Check the order</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Check the order status. If you made a mistake when selecting an item, change the amount or </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">remove it from the cart </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">5. Select the connection address</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Choose a delivery method.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">6. Select a payment method</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Choose a payment method from the options offered.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">7. Complete </span></strong><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">the order checkout</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Click the "Pay Order" button. Orders will </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">be processed </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">after payment is received .</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Payment methods</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Selected goods only in national manat in cash, online via bank cards or through the </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">terminal </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">at the time of delivery.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Delivery</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Orders are made within the territory of Ashgabat, as well as to other settlements of Turkmenistan , with the help of the " </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">Salgydan - </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Salga" service of the " </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">Turkmenposta </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">" postal company .</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Shipping cost</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Orders are delivered within 24 hours within Ashgabat and within 3-5 days to other settlements of Turkmenistan.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">delivery to </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Ashgabat varies from 15-25 manat ( depending on the place and speed of </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">delivery ). </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">The cost of delivery to the customer's address in the provinces is 40 manats up to 3 </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">kg and </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">5 manats for each additional 1 </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">kg weight. </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">The border weight the customer purchased is 5 </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">kg </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">and the border dimensions are 60х40 </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">cm </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">order is delivered free of charge to the post office of the " </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">Turkmenposta </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">" postal company.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Free delivery within Ashgabat city is provided for all orders made in the </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">market department, if the price is more than 150 manats.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Return the order</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Once the order has been accepted, the courier will provide 2 confirmation letters to sign and confirm that the order has been accepted. Then, the courier will give you a cover letter and keep one.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Returns are possible only in case of manufacturer defects. Therefore, when accepting the order, the customer must check the goods for defects and sign for them, thereby confirming that the goods are free of defects. Due to hygiene standards, underwear (men's, women's, children's) cannot be returned or exchanged.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Refund</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Non-cash payments</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">If the buyer returns the goods purchased online with a bank card, the funds paid for it will be automatically refunded to the bank card from </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">which </span><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">the payment was made.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">The time it takes for funds to be transferred to your bank account from this process will depend on the terms and conditions of the bank where the account was opened.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">Terms of Sale</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="EN" style="font-family: 'Open Sans', sans-serif; color: #202124;">
|
||||
Orders can be ordered at <span lang="EN" style="color: #4096f0;">shop.post.tm.</span>
|
||||
</p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000;"><span lang="EN"> </span></p>
|
||||
@@ -0,0 +1,44 @@
|
||||
<br><br>
|
||||
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124; letter-spacing: 0.6pt;">Как заказать</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000;"><span lang="ru" style="font-size: 10pt; font-family: Arial, sans-serif; color: #858585;"><br /><br /><br /></span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">1. Войдите или зарегистрируйтесь</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Сделать заказ можно только в личном кабинете. Войдите или зарегистрируйтесь, используя свой номер телефона:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">2. Добавьте товары в «Корзину».</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Выберите подходящий тип и размер (цвет) в корзине и нажмите кнопку «Добавить в корзину»:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">3. Перейти в корзину</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Перейдите в корзину, чтобы продолжить оформление заказа.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Нажмите кнопку «Перейти в корзину» в корзине:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">4. Проверьте заказ</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Проверьте статус заказа. Если вы ошиблись при выборе товара, измените количество или </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">удалите его из корзины </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">:</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">5. Выберите адрес подключения</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Выберите способ доставки.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">6. Выберите способ оплаты</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Выберите способ оплаты из предложенных вариантов.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">7. Завершите оформление </span></strong><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">заказа</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Нажмите кнопку «Оплатить заказ». Заказы будут </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">обработаны </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">после получения оплаты .</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Способы оплаты</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Выбранный товар только в национальных манатах наличными, онлайн по банковским картам или через </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">терминал </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">в момент доставки.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Доставка</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Заказы осуществляются по территории Ашхабада, а также в другие населенные пункты Туркменистана с помощью службы « </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">Салгыдан -Салга </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">» почтовой компании « </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">Туркменпоста ».</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Стоимость доставки</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Заказы доставляются в течение 24 часов в пределах Ашхабада и в течение 3-5 дней в другие населенные пункты Туркменистана.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">доставки в </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Ашхабад варьируется от 15-25 манатов ( в зависимости от места и скорости </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">доставки ). </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Стоимость доставки до адреса покупателя в области составляет 40 манатов до 3 </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">кг и </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">5 манатов за каждый дополнительный 1 </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">кг веса. </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Вес бордюра, приобретенного покупателем, составляет 5 </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">кг </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">, а размеры бордюра — 60 и 40. Заказ размером 40 </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">см </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">доставляется бесплатно в почтовое отделение почтовой компании « </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">Туркменпоста </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">».</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Бесплатная доставка по городу Ашхабад осуществляется для всех заказов, сделанных в отделе </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">рынка , если стоимость товара превышает 150 манатов.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Вернуть заказ</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">После того, как заказ будет принят, курьер предоставит 2 письма-подтверждения, чтобы подписать и подтвердить, что заказ принят. Затем курьер даст вам сопроводительное письмо и сохранит его.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Возврат возможен только в случае заводского брака. Поэтому, принимая заказ, покупатель должен проверить товар на наличие дефектов и расписаться за них, тем самым подтвердив, что товар не имеет дефектов. По гигиеническим нормам нижнее белье (мужское, женское, детское) возврату и обмену не подлежит.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Возврат</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Безналичные платежи</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">В случае возврата покупателем товара, приобретенного онлайн с помощью банковской карты, уплаченные за него средства будут автоматически возвращены на банковскую карту, с </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #4096f0;">которой </span><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">производилась оплата.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Время, необходимое для перевода средств на ваш банковский счет в результате этого процесса, будет зависеть от условий банка, в котором был открыт счет.</span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;"> </span></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: center; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;" align="center"><strong><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">Условия продажи</span></strong></p>
|
||||
<p class="MsoNormal" style="margin: 0cm; font-size: 12pt; font-family: Calibri, sans-serif; color: #000000; text-align: justify; text-indent: 10.65pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span lang="ru" style="font-family: 'Open Sans', sans-serif; color: #202124;">
|
||||
Заказы <span lang="ru" style="color: #4096f0;">shop.post.tm.</span>
|
||||
</p>
|
||||
@@ -0,0 +1,46 @@
|
||||
<div>
|
||||
<br>
|
||||
<h2 class="p1" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;">
|
||||
<strong>Sargydy nädip etmeli</strong>
|
||||
</h2>
|
||||
<br><br>
|
||||
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>1. Girmek ýa-da hasaba alynmak</strong></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Sargydy</span> diňe ş<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">ahsy </span>otagyňyzda ýerleşdirip bilersiňiz. Telefon belgiňizi ulanyp giriň ýa-da hasaba al<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">n</span>yň:</p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>2. “Sebede” haryt</strong><span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"><strong> goşuň</strong></span></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">H</span>arydyň<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> kartoçka</span>synda degişli görnüşi we ölçegi (reňki) saýlaň we <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">“Sebed</span>e goş<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">”</span> düwmesine basyň:</p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>3. Sebede </strong><span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"><strong>geçiň</strong></span></p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Sargydy resmileşdirme</span>gi dowam etmek üçin “Sebede” <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">geçiň</span>.</p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;">H<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">arydyň</span> kartoçkasynda “Sebede”<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> geçiň</span> düwmesine basy<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">ň</span>:</p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>4. Sargyt barlaň</strong></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Sargyd</span>yň <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">ýagdaýyny</span> barlaň. <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Haryt saýlanand</span>a ýalňyşlyk goýberen bolsaňyz, mukdaryny üýtgediň<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> ýa-da sebetden </span><span class="s3" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans'; color: #4096f0;">aýry</span><span class="s4" style="color: #4096f0;">ň</span><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">:</span></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>5. Gowşuryş salgysyny saýlaň</strong></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Eltip bermek</span> usulyny saýlaň.</p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"><strong>6. Tö</strong></span><strong>leg usulyny saýlaň</strong></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Teklip edilýän</span> görnüşlerden töleg usulyny saýlaň.</p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>7. Sargydy</strong><span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"><strong>ň </strong></span><span class="s5" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans'; color: #4096f0;"><strong>resmileşd</strong></span><span class="s4" style="color: #4096f0;"><strong>irilmegini</strong></span><span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"><strong> tamamlaň</strong></span></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">“Sargydy tölemek”</span> düwmesine basyň. Töleg <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">kabul edilenden</span> soň sargyt <span class="s4" style="color: #4096f0;">resmileşdiriler</span><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">.</span></p>
|
||||
<p class="p4" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124; min-height: 18px;"> </p>
|
||||
<p class="p1" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>Töleg usullary</strong></p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;">Saýlanan harytlary<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> diňe </span>milli manatda<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> nagt görnüşinde, bank kartlary</span> arkaly onlaýn ýa-da <span class="s4" style="color: #4096f0;">çapar</span> baran wagty terminal arkaly.</p>
|
||||
<p class="p5" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124; min-height: 18px;"> </p>
|
||||
<p class="p1" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>Eltip bermek</strong></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Sargytlary </span>Aşgabat şäheriniň çäginde<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">,<span class="Apple-converted-space"> </span></span> şeýle<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> hem </span>Türkmenistanyň beýleki ila<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">tly nokatlaryna-da “</span><span class="s3" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans'; color: #4096f0;">Türkmenpoçta</span><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">” poçta </span>aragatnaşyk kompaniýasynyň <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">“</span><span class="s3" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans'; color: #4096f0;">Salgydan-</span><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> salga” </span>hyzmatynyň kömegi bilen amala aşyrylýar.</p>
|
||||
<p class="p4" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124; min-height: 18px;"> </p>
|
||||
<p class="p6" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>Eltip bermegiň</strong><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"><strong> bahasy</strong></span></p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">S</span>argytlar Aşgabat şäheriniň <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">çäginde</span> 24 sagadyň dowamynda we Türkmenistanyň beýleki ilatly nokatlaryna 3-5 günüň <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">dowamynda eltip berilýär.</span></p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Aşgabatda </span><span class="s4" style="color: #4096f0;">eltip</span> ber<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">megiň bahasy 15-25 manat</span> (<span class="s5" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans'; color: #4096f0;">gowşurylyş</span><span class="s4" style="color: #4096f0;">y</span> ýerine we tizligine baglylykda) üýtgeýär. Welaýatlarda <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">müşderiniň salgysyna</span> elti<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">p bermegiň bah</span>asy bahasy 3 <span class="s4" style="color: #4096f0;">kg</span> çenli 40 manat we her<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> bir goşmaça </span>1 <span class="s4" style="color: #4096f0;">kg</span> agramy üçin 5 manat. <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Müşderiniň satyn alan </span>a<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">ňryçäk </span>agramy 5 <span class="s4" style="color: #4096f0;">kg</span> we <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">aňryçäk </span>ölçegleri 60 we 40 <span class="s4" style="color: #4096f0;">sm</span> bolan sargydy “<span class="s4" style="color: #4096f0;">Türkmenpoçta</span>” poçta <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">aragatnaşyk kompaniýasynyň poçta aragatnaşyk </span>bölümine çenli tölegsiz eltip berilýär.<span class="Apple-converted-space"> </span></p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s4" style="color: #4096f0;">Market</span> bölüminde edilen ähli sargytlar<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">yň bahasy </span>150 manatdan köp bolsa <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Aşgabat şäheriniň içinde </span>mugt eltip berilýär.</p>
|
||||
<p class="p4" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124; min-height: 18px;"> </p>
|
||||
<p class="p1" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>Sargydy gaýtarmak</strong></p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;">Sargyt kabul edilenden <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">soň, </span>çapar sargy<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">dyň</span> kabul edilip alnandygyny gol çekip tassyklamak üçin 2 sany ýan hatyny berer. <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Soňra</span>, çapar Size bir ýan hatyny berer we birini özünde galdyrar.</p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;">Harytlaryň yzyna gaýtarylmagy diňe öndürijiniň kemçilikleri bolan ýagdaýynda mümkindir. Şonuň üçin müşderi <span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">sargydy kabul edende </span>harytlaryň kemçilikleri<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">ni barlamaly we ýan hata gol çek</span>meli, şeýlelik bilen harytlarda kemçilikleriň ýokdugyny tassyklamaly. Arassaçylyk ülňüleri sebäpli içki eşikleriň (erkekleriň, aýallaryň, çagalaryň) gaý<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">tarylmagy </span>gelmegi we çalşylmagy mümkin däl<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">dir.</span></p>
|
||||
<p class="p5" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124; min-height: 18px;"> </p>
|
||||
<p class="p1" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>Yzyna gaýtaryp bermek</strong></p>
|
||||
<p class="p1" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>Nagt däl tölegler</strong></p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;">Satyn alyjy bank karty bilen onlaýn töläp satyn alan harytlaryny yzyna gaýtarsa<span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">, onuň üçin </span>tölenen pul <span class="s2" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">serişdeleri </span>tölenen bank kartyna <span class="s4" style="color: #4096f0;">awtomatiki</span> usulda gaýtarylar.</p>
|
||||
<p class="p3" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">Bu amaldan</span>, bank hasabyňyza<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> pul</span> serişdeleriň geçiriliş<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';"> möhleti, hasap </span>açylan bankyňyzyň şertlerine bag<span class="s1" style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: normal; font-family: 'Open Sans';">ly bolar.</span></p>
|
||||
<p class="p4" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124; min-height: 18px;"> </p>
|
||||
<p class="p1" style="margin: 0px; text-align: center; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;"><strong>Satmak düzgünleri</strong></p>
|
||||
<p class="p2" style="margin: 0px; text-align: justify; text-indent: 14.2px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans'; color: #202124;">Sargytlar <span class="s4" style="color: #4096f0;">shop</span>.post.<span class="s4" style="color: #4096f0;">tm</span> internet saýty <span class="s4" style="color: #4096f0;">arkaly</span> edilýär.</p>
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user