nurmuhammet/backend-mm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Nurmuhammet Allanov
2025-09-25 03:03:31 +05:00
commit ae480cf2f6
2768 changed files with 1485826 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
resources/views/web/themes/shella/components/sidebar/authentication-sidebar.blade.php Normal file
View File

@@ -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>

85
resources/views/web/themes/shella/components/sidebar/cart-sidebar.blade.php Normal file
View File

@@ -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>

104
resources/views/web/themes/shella/components/sidebar/client-services-sidebar.blade.php Normal file
View File

@@ -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>

656
resources/views/web/themes/shella/components/sidebar/filters-sidebar.blade.php Normal file
View File

@@ -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>

55
resources/views/web/themes/shella/components/sidebar/likes-sidebar.blade.php Normal file
View File

@@ -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>