Viewing file:  29439d5e7efff2886736fb37b72e6b9e.php (175.41 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<?php if(url()->current() == route('front.index')): ?>
<title><?php echo $__env->yieldContent('hometitle'); ?></title>
<?php else: ?>
<title><?php echo e($setting->title); ?> -<?php echo $__env->yieldContent('title'); ?></title>
<?php endif; ?>
<!-- SEO Meta Tags-->
<?php echo $__env->yieldContent('meta'); ?>
<meta name="author" content="<?php echo e($setting->title); ?>">
<meta name="distribution" content="web">
<!-- Mobile Specific Meta Tag-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Favicon Icons-->
<link rel="icon" type="image/png" href="<?php echo e(asset('assets/images/'.$setting->favicon)); ?>">
<link rel="apple-touch-icon" href="<?php echo e(asset('assets/images/'.$setting->favicon)); ?>">
<link rel="apple-touch-icon" sizes="152x152" href="<?php echo e(asset('assets/images/'.$setting->favicon)); ?>">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo e(asset('assets/images/'.$setting->favicon)); ?>">
<link rel="apple-touch-icon" sizes="167x167" href="<?php echo e(asset('assets/images/'.$setting->favicon)); ?>">
<!-- Vendor Styles including: Bootstrap, Font Icons, Plugins, etc.-->
<link rel="stylesheet" media="screen" href="<?php echo e(asset('assets/front/css/plugins.min.css')); ?>">
<?php echo $__env->yieldContent('styleplugins'); ?>
<link id="mainStyles" rel="stylesheet" media="screen" href="<?php echo e(asset('assets/front/css/styles.min.css')); ?>">
<link id="mainStyles" rel="stylesheet" media="screen" href="<?php echo e(asset('assets/front/css/responsive.css')); ?>">
<!-- Color css -->
<link href="<?php echo e(asset('assets/front/css/color.php?primary_color=').str_replace('#','',$setting->primary_color)); ?>"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
<!-- Modernizr-->
<script src="<?php echo e(asset('assets/front/js/modernizr.min.js')); ?>"></script>
<?php if(DB::table('languages')->where('is_default',1)->first()->rtl == 1): ?>
<link rel="stylesheet" href="<?php echo e(asset('assets/front/css/rtl.css')); ?>">
<?php endif; ?>
<style>
{
{
$setting->custom_css
}
}
.header_top_sec {
top: 0;
left: 0;
width: 100%;
max-width: 100%;
padding: 0 1.75rem;
background-color: #ffffff;
position: fixed !important;
z-index: 1000;
transition: all .3s ease;
}
.header_top_sec_nav {
padding: 1.875rem 0 1.5rem 0;
display: flex;
align-items: center;
}
.logo__image {
width: 90px;
height: 28px;
}
.navigation {
margin: 0 auto;
}
.navigation-list {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.navigation-item {
margin: 0 5px;
}
.navigation-link {
padding-right: 1rem;
padding-left: 1rem;
}
.navigation-link {
display: inline-block;
position: relative;
padding-top: 2px;
padding-bottom: 2px;
color: #222222;
font-weight: 500;
line-height: 1.5rem;
text-decoration: none;
text-transform: uppercase;
}
.navigation-link::after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 0.7rem;
width: 0;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.close {
transition: opacity .25s;
border: 0;
background: 0;
color: #505050;
font-family: sans-serif;
font-size: 20px;
cursor: pointer;
float: right;
margin-right: 20px;
}
.navigation-link:hover::after {
width: 2em;
left: 1rem;
}
.navigation-item:hover .navigation-link-menu {
/* top: 100%; */
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.navigation-link-menu {
display: flex;
position: absolute;
/* top: calc(3% + .75rem) ; */
padding: 2.5rem 3.75rem 2rem;
background-color: #ffffff;
box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05);
z-index: 1000;
transition: all 0.28s;
opacity: 0;
visibility: hidden;
pointer-events: none;
width: 800px;
left: 272px;
}
.navigation-link-menu-list {
padding-left: 0;
list-style: none;
}
.navigation-link-menu-link {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.navigation-link-menu-item {
flex: 1 0 0%;
}
.shop-menu {
width: 100% !important;
left: 0 !important;
}
.navigation-link-menu-list-title {
display: block;
margin-bottom: .75rem;
color: #767676;
font-weight: 500;
text-transform: uppercase;
}
.navigation-link-menu-item-brand {
flex: 2 0 0;
max-width: 25.625rem;
}
.navigation-link-menu-item-brand-details {
position: relative;
}
.navigation-link-menu-item-brand-logo {
max-width: 100%;
}
.navigation-link-menu-item-brand-sub-details {
left: 1.875rem;
padding-right: 1.875rem;
bottom: 1.875rem;
padding-top: 1.875rem;
position: absolute;
}
.btn-send-link {
display: inline-block;
position: relative;
padding: 0;
border: 0;
background-color: transparent;
color: #222222;
font-weight: 500;
text-decoration: none;
}
.btn-send-link::after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 0;
width: 3.125rem;
max-width: 100%;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.default-menu {
left: 466px !important;
}
.default-menu2 {
left: 540px !important;
}
.navigation-item:hover .default-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.default-menu {
position: absolute;
/* top: calc(3.7% + -0.25rem); */
left: 0;
width: 16.25rem;
padding: 1.5rem 1.875rem 1rem;
background-color: #ffffff;
box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05);
z-index: 1000;
transition: all 0.28s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.nav-help-tools {
margin-right: -0.5rem;
}
.nav-help-tool {
margin-right: 1rem;
display: flex;
padding: 0.25rem 0.5rem;
text-decoration: none;
color: #222222;
}
.nav-help-tool-search {
position: relative;
}
.nav-help-tool-search a i {
font-size: 25px;
color: #222222;
}
.nav-help-tool-search-page {
top: 100%;
left: 0;
padding-top: 3.75rem;
padding-bottom: 3.5rem;
border-top: 1px solid #e4e4e4;
background-color: #ffffff !important;
height: auto !important;
box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05);
}
.search-page-hidden-content {
position: absolute;
width: 100%;
min-width: 16rem;
transition: all 0.2s ease;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
.search-input {
position: relative;
}
.search-product-field {
width: 100%;
padding-right: 10.9375rem;
padding-left: 10.9375rem;
margin: 0 auto;
}
.search-field-input {
padding-bottom: 0.625rem;
border: 0;
border-bottom: 2px solid #767676;
outline: none;
width: 100% !important;
}
.search-input-popup-submit {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
bottom: 0;
height: 100%;
padding: 0;
padding-bottom: 0.625rem;
transition: opacity 0.15s linear;
color: #767676;
outline: none;
border: 0;
background-color: transparent;
}
.search-popup-find-results {
margin-top: 1.75rem;
}
.search-popup-find-results-details {
transition: all 0.28s;
margin: 0.375rem 0;
}
/* .after-search-results {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 14.25rem;
margin-top: .5rem;
padding-bottom: 1.2rem;
opacity: 0;
visibility: hidden;
} */
.product-info-card {
position: relative;
overflow: hidden;
padding: 0 1.75rem;
}
.product-info-card-img {
padding-top: 15rem;
display: block;
height: 0;
overflow: hidden;
}
.product-info-card-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.product_category {
margin: 0;
margin-bottom: .25rem;
color: #767676;
font-weight: 400;
line-height: 1.7143;
}
.product_title {
margin: 0;
font-size: 13px;
font-weight: 400;
}
.amount-of-product {
font-size: 1rem;
}
.nav-help-tool-search-open .search-page-hidden-content {
height: 100vh !important;
overflow-y: auto;
opacity: 1;
visibility: visible;
}
.open-search-bar {
cursor: pointer;
}
.modal {
z-index: 10000;
}
.aside {
opacity: .7;
visibility: hidden;
min-height: 100%;
position: fixed;
top: 0;
width: 26.25rem;
padding: 0 1.25rem;
max-width: 100%;
transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
background-color: #ffffff;
z-index: 10000;
overflow: hidden !important;
right: -26.25rem;
}
.aside_right {
right: 0;
opacity: 1;
visibility: visible;
}
.customer-form-wrapper {
position: relative !important;
left: 0;
transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.customer__login {
min-width: 100%;
}
.aside-header {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding: 2.125rem 2.5rem 1.75rem;
background-color: #faf9f8;
}
.aside-header h3 {
text-transform: uppercase !important;
font-size: 1rem !important;
}
.close-aside-bar {
width: 1rem;
height: 1rem;
padding: 0;
border: 0;
box-sizing: content-box;
color: #000;
background-color: transparent;
border-radius: 0;
opacity: 1;
margin-left: auto !important;
}
.aside-body {
margin: 1.875rem 0;
padding: 0 1.25rem;
}
.form-floating-title {
position: relative;
}
.form-floating-title>.form-control {
height: calc(3.625rem + 2px);
padding: 1.125rem 1.3125rem 0.9rem;
}
.form-control_gray {
border-color: #e4e4e4;
}
.form-floating-title>.form-control:focus {
color: #222222;
background-color: #fff;
border-color: #222222;
outline: 0;
box-shadow: none;
}
.form-floating-title>label {
position: absolute;
top: 0.6rem;
left: 0.75rem;
padding: 0 0.5rem;
pointer-events: none;
border: 0.125rem solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
color: #767676;
display: inline-block;
}
.form-floating-title>.form-control:focus~label {
background-color: #ffffff;
color: #222222;
transform: translateY(-1.5rem);
}
.form-floating-title>.form-control:focus~label,
.form-floating-title>.form-control:not(:placeholder-shown)~label {
background-color: #ffffff;
color: #222222;
transform: translateY(-1.5rem);
}
.form-floating-title input::placeholder {
color: transparent;
}
.form-floating-fixed {
position: relative;
}
.form-floating-fixed>.form-label {
position: absolute;
top: -1.00000625rem;
left: 1rem;
margin: 0;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
background-color: #ffffff;
color: #222222;
z-index: 1;
}
.form-checkboxs {
display: block;
position: relative;
min-height: 1.5rem;
padding-left: 1.625rem;
margin-bottom: 1rem;
}
.form-checkbox-input {
float: left;
margin-left: -1.625rem;
width: 1rem;
height: 1rem;
margin-top: 0.25000625rem;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 0.125rem solid #e4e4e4;
appearance: none;
transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-checkbox-input:focus {
border-color: #222222;
outline: 0;
box-shadow: none;
}
.form-checkbox-input:checked {
background-color: #222222;
border-color: #222222;
}
.form-checkbox-input:checked.form-checkbox-input-fill {
background-image: none;
background-color: #ffffff;
}
.form-checkbox-input.form-checkbox-input-fill {
position: relative;
border-width: 0.125rem;
}
.form-checkbox-input:checked.form-checkbox-input-fill:after {
background-color: #222222;
}
.form-checkbox-input.form-checkbox-input-fill:after {
content: '';
display: block;
position: absolute;
left: 0.125rem;
top: 50%;
transform: translateY(-50%);
width: 0.5rem;
height: 0.5rem;
background-color: transparent;
}
.form-checkbox-label {
color: #767676 !important;
}
.cart-item-img-src {
width: 80px !important;
height: 80px !important;
}
.btn-rest-password {
text-decoration: underline;
color: #222222;
margin-left: auto !important
}
.btn-rest-password:hover {
color: #1b1b1b;
}
.submit-btn {
width: 100%;
color: #fff !important;
background-color: #222222 !important;
border-color: #222222 !important;
box-shadow: none;
cursor: pointer;
text-transform: uppercase !important;
}
.submit-btn:hover {
color: #fff !important;
background-color: #1d1d1d !important;
border-color: #1b1b1b !important;
}
.other-options {}
.page-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.32s cubic-bezier(0.55, 0.085, 0.68, 0.53);
background-color: rgba(34, 34, 34, 0.4);
opacity: 0;
visibility: hidden;
z-index: 1040;
}
.page-overlay-visible {
opacity: 1;
visibility: visible;
}
.total-add-item {
top: calc(0.25rem + -0.95em);
left: calc(0.5rem + 0.85em);
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #b9a16b;
color: #ffffff;
font-size: 0.625rem;
line-height: 1rem;
text-align: center;
position: absolute !important;
display: block !important;
}
.total-add-item-for-sm {
bottom: 35px;
left: 50px;
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #b9a16b;
color: #ffffff;
font-size: 0.625rem;
line-height: 1rem;
text-align: center;
position: absolute !important;
display: block !important;
}
.total-compare-item {
bottom: 15px;
left: 24px;
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #b9a16b;
color: #ffffff;
font-size: 0.625rem;
line-height: 1rem;
text-align: center;
position: absolute !important;
display: block !important;
}
.total-compare-item-for-sm {
bottom: 15px;
left: -4px;
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #b9a16b;
color: #ffffff;
font-size: 0.625rem;
line-height: 1rem;
text-align: center;
position: relative!important;
display: inline-block !important;
}
.total-add-item-sm-heart {
top: calc(0.25rem + -0.95em);
left: calc(2rem + 1.85em);
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #b9a16b;
color: #ffffff;
font-size: 0.625rem;
line-height: 1rem;
text-align: center;
position: absolute !important;
display: block !important;
}
.show-more-itemModal {
max-width: 100% !important;
height: 100% !important;
}
.modal-dialog-itemModal {
max-width: 100% !important;
height: 100% !important;
}
.modal-dialog-itemModal2 {
max-width: 97% !important;
height: 100% !important;
}
.modal-content-itemModal {
height: 100% !important;
}
.show-more-itemModal-sitemap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.show-more-itemModal-sitelink-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
height: 100%;
border: 0;
border-radius: 0;
}
.nav-pills .nav-link.active {
border: none !important;
color: #ffffff !important;
background-color: #222222 !important;
}
.nav-link-pills-tab {
display: block;
padding: 0.6875rem 1.75rem 0.4375rem !important;
color: #222222;
font-weight: 500 !important;
line-height: 1.375 !important;
outline: none !important;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
}
.show-more-itemModal-sitelink-content-body {
/* overflow-y: auto; */
position: relative;
flex: 1 1 auto;
padding: 1.875rem 2.5rem;
}
.nav-link-rline {
padding-left: 0 !important;
font-size: 1.25rem;
line-height: 1.5em;
}
.nav-link-rline.active:before {
width: 100%;
}
.nav-link-rline:before {
content: '';
position: absolute;
top: 49%;
left: 0;
width: 0px;
height: 2px;
background-color: #222222;
transition: width 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav-link-rline {
display: block;
color: #222222;
font-weight: 500;
padding: 0.6875rem 1.75rem 0.4375rem;
outline: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.rline-content {
display: inline-block;
position: relative;
padding-right: 3.5em;
background-color: #ffffff;
}
.nav-two {
padding-left: calc(1.875rem / 2) !important;
}
.sub-menu-link {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
}
.nav-tabs-col {
flex: 0 0 auto;
width: 41.6666666667%;
}
.tab-content-col {
flex: 0 0 auto;
width: 58.3333333333%;
}
.tab-content2 {
padding-right: calc(1.875rem / 2);
padding-left: calc(1.875rem / 2);
}
.res-scroll {
height: 75vh;
overflow-y: scroll;
}
.res-scroll::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.res-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}
.res-scroll::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
.res-scroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide-image img {
width: 100%;
height: 800px;
object-fit: cover;
}
.hover-effect .swiper-slide-image-text ul {
opacity: 0;
visibility: hidden;
transition: all .3s ease;
list-style: none;
margin-bottom: 1rem;
}
.hover-effect:hover .swiper-slide-image-text ul {
opacity: 1;
visibility: visible;
}
.btn-link-shop {
display: inline-block;
position: relative;
padding: 0;
border: 0;
background-color: transparent;
color: #222222;
text-decoration: none;
}
.btn-link-shop:hover {
color: #1b1b1b;
}
.btn-link-shop:hover::after {
width: 100%;
}
.btn-link-shop::after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 0;
width: 70%;
max-width: 100%;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.btn-link-shop-hover2 {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
}
.btn-link-shop-hover2:hover {
color: #222222;
}
.btn-link-shop-hover2::after {
content: '';
display: block;
position: absolute;
top: 2em;
left: 0;
width: 0;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.btn-link-shop-hover2:hover:after {
width: 2em;
}
.swiper-slide-image-text {
padding-right: 3rem !important;
padding-left: 3rem !important;
margin-bottom: 3rem !important;
position: absolute;
bottom: 0px;
}
.section-titles span {
font-weight: 700;
}
.product-card-wrapper-item {
padding-right: calc(1.875rem / 2);
padding-left: calc(1.875rem / 2);
}
.product-changeimg {
display: block;
position: relative;
height: 0;
padding-top: 121.212122%;
overflow: hidden;
}
.product-changeimg-first-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-changeimg-two-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-changeimg-two-img {
opacity: 0;
transition: opacity 0.3s linear;
}
.product-changedate {
margin: 0;
padding: 0.875rem 1.125rem;
transition: all 0.2s ease;
z-index: 1;
background-color: #ffffff !important;
height: 200px;
}
.name-tilte {
margin: 0;
font-size: 14px;
margin-bottom: .25rem;
color: #767676;
font-weight: 400;
line-height: 1.7143;
}
.name-tilte-h {
margin: 0;
font-size: 1rem;
font-weight: 400;
}
.hover-product-content {
/* position: absolute; */
transition: all 0.2s ease;
opacity: 0;
visibility: hidden;
background-color: #ffffff;
z-index: 1000;
top: 0px;
right: 0;
}
.hover-product-content2 {
transition: all 0.2s ease;
opacity: 0;
visibility: hidden;
background-color: transparent;
z-index: 1000;
}
.row-cols-lg-4 {
flex: 0 0 auto;
width: 25%;
}
.hover-product-content-color {
margin: 0;
color: #f5e6e0;
display: block;
position: relative;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
}
.hover-product-content-color::after {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0.625rem;
height: 0.625rem;
margin-top: -0.3125rem;
margin-left: -0.3125rem;
border-radius: 100%;
background-color: currentColor;
color: inherit;
content: '';
}
.product-card-wrapper-item-content:hover {
box-shadow: 0 8px 15px 0 rgba(140, 152, 164, 0.1);
}
.product-card-wrapper-item-content:hover .product-changeimg-two-img {
opacity: 1;
}
.product-card-wrapper-item-content:hover .product-changedate {
margin-top: -2.5rem;
}
.product-card-wrapper-item-content:hover .hover-product-content {
opacity: 1;
visibility: visible;
}
.product-card-wrapper-item-content:hover .hover-product-content2 {
opacity: 1;
visibility: visible;
}
.btn-eye {
font-size: 18px;
}
.hover-product-content-color.active {
border: 2px solid #222222;
}
.name-tilte-h a {
color: #000;
}
.ads-open {
position: absolute;
padding-right: 2.5rem;
padding-bottom: 2.5rem;
top: 2.5rem;
left: 2.5rem;
}
.product-ads-card {
position: relative;
overflow: hidden;
}
.name-tilte-h2 {
font-size: 0.9rem !important;
}
.btn-discover {
color: #222222 !important;
background-color: #ffffff !important;
text-transform: uppercase !important;
font-weight: 500 !important;
font-size: 0.875rem !important;
}
.btn-discover:hover {
color: #fff !important;
background-color: #222222 !important;
}
.text-center-position {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -20%) !important;
}
.text-center-position h1 {
font-size: 4.375rem !important;
margin-bottom: 1rem;
font-family: Courgette;
}
.popover-point {
padding: 1rem;
border: 0;
background-color: transparent;
}
.popover-point>span {
display: block;
width: 1.5rem;
height: 1.5rem;
border: 0.3rem solid #fff;
background-color: #b9a16b;
border-radius: 1rem;
}
.popover {
border-radius: 0;
}
.popover-product-des a {
color: #000;
font-family: Courgette;
}
.best-product-title {
position: absolute;
right: 0;
top: 0;
transform: rotate(-90deg);
transform-origin: right top;
font-weight: 500
}
.text-boldStyle {
font-weight: 700 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.carousel-item-header-des p {
margin: 0;
margin-bottom: .25rem;
color: #767676;
font-weight: 400;
line-height: 1.7143;
}
.carousel-item-header-des h6 {
margin: 0;
font-size: 1rem;
font-weight: 400;
}
a {
color: #000 !important;
text-decoration: none !important;
}
/* a:hover {
color: #1b1b1b !important;
} */
.carousel2 {
position: relative;
}
.carousel-control-prev2 {
width: 35px;
height: 35px;
left: -7%;
margin-top: 50%;
transform: translateY(-50%);
border: 1px solid #e4e4e4;
border-radius: 100%;
background-color: #fff;
z-index: 1;
opacity: 1;
outline: none;
}
.carousel-control-prev3 {
right: -7% !important;
width: 35px;
height: 35px;
margin-top: 50%;
transform: translateY(-50%);
border: 1px solid #e4e4e4;
border-radius: 100%;
background-color: #fff;
opacity: 1;
z-index: 1;
outline: none;
}
.carousel-control-icon {
color: #000;
font-size: 18px
}
.service-text {
color: #222222;
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 1.125rem;
}
.service-text-des {
font-size: 0.9375rem;
}
.service-icon i {
font-size: 55px;
}
.footer-bordered {
border-top: 1px solid #e4e4e4;
background-color: #ffffff;
color: #767676;
}
.footer-top-section {
padding-top: 6.2rem;
}
.footer-top-section-sign {
max-width: 47rem;
padding: 0 1rem;
margin: 0 auto;
text-align: center;
}
.footer-top-section-sign h3 {
color: #222222;
margin-bottom: 1.125rem;
}
.footer-top-section-sign p {
margin-bottom: 1.5rem;
}
.footer-top-section-sign form {
display: flex;
gap: 1.25rem;
}
.footer-top-section-sign form input {
border-width: 1px;
border-color: #e4e4e4;
}
.footer-top-section-sign form button {
font-size: 0.875rem;
background-color: #222222 !important;
color: #fff !important;
padding: 0.375rem 3.125rem !important;
}
.footer-middle-section {
padding-top: 6.25rem;
padding-bottom: 4.75rem;
}
.app-logo {
margin-bottom: 2.75rem;
}
.app-logo a img {
max-width: 112px;
max-height: 28px;
}
.footer-address-text {
margin-bottom: 0.875rem;
font-size: 0.875rem;
}
.social-media-links {
margin-left: -1rem;
list-style: none;
}
.social-media-links li a {
padding: 0.5rem 1rem;
color: inherit;
}
.social-media-links li a i {
font-size: 20px;
color: #767676;
}
.company-list {
padding-left: 0;
list-style: none;
margin-bottom: 1rem;
}
.company-list li a {
margin-top: 3px;
margin-bottom: 2px;
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
font-size: 0.875rem;
}
.company-list li a::after {
content: '';
display: block;
position: absolute;
top: 2em;
left: 0;
width: 0;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.company-list li a:hover:after {
width: 2em;
}
.company-title {
display: block;
margin-bottom: 1.875rem;
color: #222222;
font-weight: 500;
text-transform: uppercase;
}
.download-link {
position: relative;
background: #767676;
display: flex;
width: 14.1875rem;
height: 4.375rem;
border-radius: 0.25rem;
color: #ffffff !important;
align-items: center;
padding: 0.875rem;
line-height: 1.4;
gap: 1.5rem;
transition: all .3s ease;
}
.download-link .download-link-in {
display: flex;
flex-direction: column;
font-size: 0.8125rem;
color: #ffffff !important;
line-height: 1.4;
}
.download-list {
padding-left: 0;
list-style: none;
margin-bottom: 1rem;
}
.download-list li .clickTo_started {
margin-top: 3px;
margin-bottom: 2px;
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
font-size: 0.875rem;
}
.download-list li .clickTo_started {
margin-top: 3px;
margin-bottom: 2px;
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
font-size: 0.875rem;
}
.download-list li .clickTo_started::after {
content: '';
display: block;
position: absolute;
top: 2em;
left: 0;
width: 0;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.download-list li a i {
font-size: 40px;
}
.download-link-in strong {
font-size: 1rem;
font-weight: 400;
}
.download-link:hover {
color: #ffffff !important;
background-color: #222222;
}
.footer-bottom {
padding-top: 1.25rem;
padding-bottom: 1rem;
border-top: 1px solid #e4e4e4;
}
.select-language {
color: #777777 !important;
background-color: transparent !important;
width: auto;
padding: 0.75rem 1.125rem 0.6rem;
padding-right: 2.025rem;
background-position: right 0.5625rem center;
display: block;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.7143;
border-radius: 0;
box-shadow: none;
appearance: none;
vertical-align: middle;
background-size: 16px 12px;
background-repeat: no-repeat;
}
.select-language:focus {
border: none;
outline: 0;
box-shadow: none !important;
}
.lookbook-image {
height: 500px;
}
.carousel-item-img {
height: auto !important;
}
.header-mobile-v {
position: fixed;
display: none;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
z-index: 10000;
transition: all .3s ease;
height: 3.75rem;
min-height: 3.75rem;
background-color: #ffffff;
}
.mobile-nav-bar i {
font-size: 26px;
}
.mobile-nav-app-logo {
margin: 0 auto;
}
.mobile-nav-app-logo img {
max-height: 3rem;
}
.add-cart-total {
top: 1px;
left: calc(0.5rem + 0.4em);
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #b9a16b;
color: #ffffff;
font-size: 0.625rem;
line-height: 1rem;
text-align: center;
}
.mobile-navigation {
display: flex;
top: 60px;
background-color: #FFF;
height: 0;
max-height: 0;
/* height: calc(100vh - 60px);
max-height: calc(100vh - 60px); */
transition: max-height .35s, height .35s;
/* border-top: 1px solid #e4e4e4; */
z-index: 1030;
}
.mobile-navigation-open {
border-top: 1px solid #e4e4e4;
height: calc(100vh - 60px);
max-height: calc(100vh - 60px);
}
.mobile-nav-bar-search-field-input {
padding: 0.625rem 0.875rem 0.375rem;
}
.mobile-nav-bar-search-field-input-submit {
cursor: pointer;
display: flex;
align-items: center;
position: absolute;
right: 0;
bottom: 0;
height: 100%;
padding: 0;
transition: opacity 0.15s linear;
border: 0;
background-color: transparent;
color: #767676;
outline: none;
}
.inputsearch-result {
max-height: 30rem;
overflow: auto;
background-color: #ffffff;
z-index: 10000;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 14.25rem;
margin-top: .5rem;
padding-bottom: 1.2rem;
/* opacity: 0;
visibility: hidden; */
}
.inputsearch-result-product {
/* display: flex; */
margin: 0.625rem 0;
position: relative;
overflow: hidden;
}
.inputsearch-result-product-img {
width: 100%;
margin-right: 0.875rem;
padding-top: 10.125rem;
display: block;
position: relative;
height: 0;
overflow: hidden;
}
.inputsearch-result-product-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.inputsearch-result-product-des {
margin-top: 1rem;
}
.inputsearch-result-product-des p {
margin: 0;
margin-bottom: .25rem;
color: #767676;
font-weight: 400;
line-height: 1.7143;
}
.inputsearch-result-product-des h6 {
margin: 0;
font-size: 1rem;
font-weight: 400;
}
.mobile-navigation-list {
transform: translateX(0%);
min-height: 264px;
left: 0;
transition: all .18s ease-in;
margin-bottom: 0;
position: relative !important;
padding-left: 0;
list-style: none;
}
.mobile-navigation-list li a {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
font-size: 1rem;
color: #222222;
font-weight: 500;
line-height: 1.5rem;
text-decoration: none;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
}
.mobile-navigation-sub-list {
padding-left: 0;
list-style: none;
}
.mobile-navigation-sub-list a {
display: inline-block !important;
position: relative !important;
padding: 0.5em 0 !important;
font-size: 0.875rem !important;
color: #222222 !important;
line-height: 1.5em !important;
font-weight: 400 !important
}
.mobile-navigation {
display: none;
}
.mobile-navigation-footer {
display: none;
bottom: 0;
transition: all .32s;
max-width: 100%;
padding-top: 0.625rem;
padding-bottom: 0.125rem;
z-index: 1000;
padding-right: 3rem !important;
padding-left: 3rem !important;
position: fixed !important;
background-color: #FFF;
}
.mobile-footer-link {
font-size: 0.8125rem;
}
@media(max-width: 576px) {
.btn-res {
padding: 7px 7px;
}
.compare-btn{
margin-left: 10px;
}
.lookbook-image {
height: 300px;
}
.text-center-position {
transform: translate(-50%, -40%) !important;
}
.carousel-item-img {
height: auto !important;
}
.carousel-control-prev3 {
margin-top: 50% !important;
right: -5% !important;
}
.carousel-control-prev2 {
margin-top: 50% !important;
left: -5% !important;
}
.swiper-slide-image img {
height: 550px;
}
/* .res-p{
padding: 10px !important;
} */
.text-center-position h1 {
font-size: 50px !important;
margin-bottom: .5rem !important;
}
.header_top_sec {
display: none !important;
}
.header-mobile-v {
display: block;
}
.mobile-navigation-footer {
display: inline-block;
}
.mobile-navigation {
display: block;
}
.wishlist-item-img img {
height: 230px !important;
}
.carouselExampleControls-sec {
padding-top: 60px !important;
}
.navigation-link-menu {
left: 0;
width: 400px;
}
.smooth-text {
font-size: 2.625rem !important;
}
.list-category-sub li a {
font-size: 12px !important;
}
.category-banner {
min-height: 18.5rem !important;
}
.p-m-t {
padding-top: 90px !important;
}
.category-banner-background-img img {
object-fit: cover;
}
.d-none-moble1 {
display: none !important;
}
.d-none-moble2 {
display: flex !important;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.carousel-control-prev3 {
right: -3% !important;
}
.carousel-control-prev2 {
left: -3% !important;
}
.text-center-position {
transform: translate(-50%, -10%) !important;
}
.swiper-slide-image img {
height: 550px;
}
.header_top_sec {
display: none !important;
}
.header-mobile-v {
display: block;
}
.mobile-navigation {
display: block;
}
}
@media (min-width: 992px) {
.header_top_sec {
display: inline-block !important;
}
.header-mobile-v {
display: none;
}
.mobile-navigation {
display: none;
}
.navigation-link-menu {
left: 0;
width: 400px;
}
}
.cart-hr {
height: 1px;
margin: 1.25rem 0;
color: #e4e4e4;
opacity: 1;
}
.checkout-btn:hover {
color: #FFF !important;
}
.cart-items-list {
max-height: 27.675rem;
overflow-y: auto;
height: 330px;
margin: 1.875rem 0;
padding: 0 1.25rem;
}
.cart-items-list2 {
position: relative;
max-height: 27.675rem;
overflow-y: auto;
height: 100%;
margin: 1.875rem 0;
padding: 0 1.25rem;
}
.entry-delete {
z-index: 1000;
right: 0;
position: absolute;
}
.cart-item {
max-height: 7.5rem;
overflow: hidden;
}
.cart-item-info {
margin-left: 1.25rem;
}
.cart-item-info h6 {
font-size: 12px !important;
margin: 2px 0 4px;
font-weight: 400 !important;
}
.cart-item-info p {
font-size: 12px !important;
}
.qty {
padding: 0;
width: 100%;
background-color: #ffffff;
outline: none;
}
.qty-mine {
position: absolute;
top: 0;
width: .75rem;
padding: 0;
cursor: pointer;
user-select: none;
left: 0;
}
.qty-add {
right: 0;
position: absolute;
top: 0;
width: .75rem;
padding: 0;
cursor: pointer;
user-select: none;
}
.form-control {
height: calc(2.5em + .75rem + 2px) !important;
}
.page-titles {
font-size: 2.1875rem;
font-weight: 700;
text-transform: uppercase;
}
.sp-nav {
list-style: none;
padding: 0;
padding-top: 2.5rem;
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 500;
}
.sp-nav li a {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
}
.wishlist-list {
padding-top: 2.5rem;
}
.wishlist-item {
margin-bottom: 1.5rem !important;
position: relative;
overflow: hidden;
}
.wishlist-item-img {
display: block;
position: relative;
overflow: hidden;
}
.wishlist-item-img img {
width: 100%;
height: 309px;
}
.btn-wishlist-x {
position: absolute;
left: 1.25rem;
top: 1.25rem;
z-index: 2;
border: 0;
background-color: #fff;
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: all .3s ease;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
}
.hidden {
opacity: 0;
visibility: hidden;
}
.wishlist-item:hover .btn-wishlist-x {
opacity: 1;
visibility: visible;
}
.wishlist-item:hover .hidden {
opacity: 1;
visibility: visible;
}
.category-banner {
min-height: 26.25rem;
}
.category-banner-background-img {
background-color: #eeeeee;
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
.category-banner-background-img img {
width: 100%;
height: auto;
padding-top: 30px;
}
.category-banner-background-des {
transform: translate(-50%, -50%) !important;
left: 50% !important;
top: 50% !important;
}
.smooth-text {
font-size: 5.625rem;
color: #eeeeee;
opacity: 0.4;
text-shadow: calc(2px * 1) calc(2px * 0) 0 #222222,
calc(2px * 0.9239) calc(2px * 0.3827) 0 #222222, calc(2px * 0.7071) calc(2px * 0.7071) 0 #222222,
calc(2px * 0.3827) calc(2px * 0.9239) 0 #222222, calc(2px * 0) calc(2px * 1) 0 #222222, calc(2px * -0.3827) calc(2px * 0.9239) 0 #222222, calc(2px * -0.7071) calc(2px * 0.7071) 0 #222222, calc(2px * -0.9239) calc(2px * 0.3827) 0 #222222, calc(2px * -1) calc(2px * 0) 0 #222222,
calc(2px * -0.9239) calc(2px * -0.3827) 0 #222222,
calc(2px * -0.7071) calc(2px * -0.7071) 0 #222222,
calc(2px * -0.3827) calc(2px * -0.9239) 0 #222222,
calc(2px * 0) calc(2px * -1) 0 #222222,
calc(2px * 0.3827) calc(2px * -0.9239) 0 #222222,
calc(2px * 0.7071) calc(2px * -0.7071) 0 #222222,
calc(2px * 0.9239) calc(2px * -0.3827) 0 #222222;
}
.list-category-sub {
padding-left: 0;
list-style: none;
}
.list-category-sub li a {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
}
.list-category-sub li a:after {
content: '';
display: block;
position: absolute;
top: 2em;
left: 0;
width: 0;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.list-category-sub li a:hover::after {
width: 2em;
}
.list-category-sub li a.ative:hover::after {
width: 2em;
}
.a-link {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
font-size: 0.875rem !important;
font-weight: 600 !important;
}
.a-link::after {
content: '';
display: block;
position: absolute;
top: 2em;
left: 0;
width: 0;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.a-link:hover:after {
width: 2em;
}
.bard {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
}
.shop-boder-right {
width: 2px;
height: 22px;
order: 0 !important;
display: block !important;
background-color: #e4e4e4 !important;
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.col-link {
display: inline-block;
position: relative;
padding: 0;
border: 0;
background-color: transparent;
color: #222222;
font-weight: 400;
text-decoration: none;
margin-right: 0.5rem !important;
}
.col-link::after {
content: '';
display: block;
position: absolute;
top: 100%;
left: 0;
width: 0;
max-width: 100%;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.col-link:hover:after {
width: 3.125rem;
}
.category-products-item-img img {
height: 309px;
width: 100%;
}
.stars {
font-size: 12px !important;
margin-right: .25rem;
color: #ffc78b;
}
.items-to-cart {
left: 0.625rem;
width: calc(100% - 1.25rem);
padding-left: 0.625rem;
white-space: nowrap;
bottom: -0.625rem;
font-size: 0.875rem;
opacity: 0;
visibility: hidden;
background-color: #FFF !important;
color: #000 !important;
z-index: 1;
transition: bottom 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.items-to-cart:hover {
filter: brightness(0.95);
}
.wishlist-item:hover .items-to-cart {
bottom: 0.625rem;
opacity: 1;
visibility: visible;
}
.progress-more {
width: 300px !important;
border-radius: .25rem !important;
height: 0.625rem;
border-radius: 0.625rem;
background-color: #e4e4e4;
overflow: visible;
font-size: 0.875rem;
display: flex;
}
.progress-bar {
height: 0.625rem !important;
background-color: #222222 !important;
transition: width 0.6s ease !important;
border-radius: 0.625rem;
}
.product-categories-f {
background-color: transparent !important;
color: #000 !important;
font-weight: 500 !important;
font-size: 1.125rem !important;
}
.product-categories-f-lists {
padding: 1.5rem 1.875rem 1.75rem;
}
.product-categories-f-lists ul {
list-style: none;
}
.a-link2 {
display: inline-block;
position: relative;
padding: 0.5em 0;
color: #222222;
line-height: 1.5em;
font-size: 0.875rem !important;
font-weight: 400 !important;
}
.product-categories-f:focus {
box-shadow: none !important;
}
.open-ex i {
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
transform: rotate(100grad);
}
/* .ex-item-show{
display: none;
}
.ex-item-show-brand{
display: none;
} */
.open-show {
display: none !important;
}
.btn-res {
background: transparent !important;
color: #767676 !important;
padding: 10px !important;
}
.solo-product {
max-width: 100%;
padding-top: 20px;
}
.solo-product h1 {
font-size: 1.625rem;
}
.solo-product-price {
font-size: 1.375rem;
font-weight: 500;
margin-bottom: 1.6875rem;
}
.solo-product-des {
margin-bottom: 2.1875rem;
}
.solo-product-links {
font-size: 0.8125rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
}
.solo-product-links a {
display: flex;
align-items: center;
gap: 0.625rem;
padding: 0 0 0.625rem;
text-transform: uppercase;
border: 0;
background-color: transparent;
font-weight: 500;
color: #222222;
line-height: 1.5em;
}
.solo-product-links-meta-info {
font-size: 0.8125rem;
line-height: 1.5rem;
}
.links-meta label {
color: #767676;
text-transform: uppercase;
}
.product-other-swatch {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2.5rem;
margin-bottom: 1.875rem;
}
.product-other-swatch-list {
display: flex;
align-items: center;
gap: 0.625rem;
}
.product-other-swatch label {
font-size: 0.875rem;
font-weight: 500;
min-width: 3rem;
text-transform: uppercase;
}
.product-other-swatch-list label {
cursor: pointer;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 1.875rem !important;
border: 1px solid #e4e4e4 !important;
padding: 0 0.8125rem !important;
transition: all .3s ease !important;
}
.product-other-swatch-list label:hover {
border: 2px solid black !important;
}
.solo-product-addcart {
display: flex;
align-items: center;
gap: 1.25rem;
margin-bottom: 2.1875rem;
}
.solo-product-addcart a {
cursor: pointer;
color: #fff !important;
background-color: #222222;
border-color: #222222;
box-shadow: none;
height: 3.75rem;
text-transform: uppercase;
font-size: 0.875rem;
width: 17.5rem;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.solo-product-addcart-qy {
min-width: 7.25rem;
width: 3.375rem;
position: relative !important;
}
.solo-product-addcart-qy input {
border: 2px solid #E4E4E4;
height: 3.75rem;
padding: 0 2rem;
min-width: 6.5rem;
width: 100%;
background-color: #ffffff;
outline: none;
}
.qty-solo-product {
-moz-appearance: textfield;
}
.qty-solo-product::-webkit-inner-spin-button,
.qty-solo-product::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.solo-product-addcart-qy .qty-reduce {
padding-left: 1.25rem;
font-size: 1rem;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 2rem;
left: 0;
position: absolute;
padding: 0;
cursor: pointer;
user-select: none;
}
.solo-product-addcart-qy .qty-add {
font-size: 1rem;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 2rem;
padding-right: 1.25rem;
right: 0;
position: absolute;
padding: 0;
cursor: pointer;
user-select: none;
}
.carousel-item img {
height: auto;
text-align: center;
margin: 0 auto;
width: 100%;
}
.carousel-item-img2 {
height: 350px !important;
}
.scroll-to-top-btn2 {
width: 45px !important;
height: 45px !important;
background-color: #eeeeee !important;
right: 0 !important;
border-radius: 0 !important;
}
.scroll-to-top-btn2:hover {
background-color: #eeeeee !important;
color: #000 !important;
}
.scroll-to-top-btn2>i {
font-size: 25px;
line-height: 50px !important;
}
.scroll-to-top-btn2.visible {
bottom: 0px !important;
opacity: 1;
}
.product-prev-next {
gap: 1.875rem;
}
.product-single-name {
font-size: 1.625rem;
margin-bottom: 15px;
}
.product-single-price {
font-size: 1.375rem;
font-weight: 500;
margin-bottom: 1.6875rem !important;
}
.product-single-short-des {
margin-bottom: 2.1875rem;
}
.product-single-details-tabs {
margin: 6.25rem auto 2.375rem;
max-width: 58.125rem;
}
@media (min-width: 992px) {
.product-single__media {
flex-direction: row;
margin-bottom: 0;
}
}
.product-single-imgs {
display: flex;
width: 100%;
margin: 0 -0.3125rem;
position: relative;
flex-direction: column;
margin-bottom: 3rem;
}
/* */
.image-thumbnail-carousel {
padding: 1rem;
position: relative;
}
.image-display {
border-radius: 0px;
overflow: hidden;
min-height: 100%;
}
.screen video {
height: 459px;
width: 503px;
display: block;
}
.item-video-sec {
height: 100px;
width: 106%!important;
align-items: center;
margin: 0 auto;
}
#product-video{
display: block;
width: 100%;
height: 100% !important;
}
.thumbnail-carousel {
display: flex;
gap: 0.75rem;
block-size: 100%;
}
.carousel__btn {
background-color: #fff;
border-radius: 2rem;
font-size: 0.875rem;
color: #222222;
width: 2.8125rem;
height: 2.8125rem;
display: flex;
align-items: center;
justify-content: center;
}
.prev-left {
top: 50%;
position: absolute;
z-index: 1000;
left: 16%;
}
.next-right {
top: 50%;
position: absolute;
z-index: 1000;
right: 0;
}
.carousel__btn:disabled {
opacity: 0.1;
pointer-events: none;
}
.carousel__slider {
padding: 0.5rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.carousel__slider::-webkit-scrollbar {
display: none;
}
.thumbnail {
padding-top: 8px;
}
.thumbnail img {
width: 75px;
height: 75px;
}
@media (max-width: 426px) {
.btn-res{
margin-left: 5px;
padding: 14px 7px;
}
}
.carousel__slide {
cursor: pointer;
border-radius: 0px;
overflow: hidden;
scroll-snap-align: center;
flex: 1 0 calc((100% / 5) - 10px);
}
.active.carousel__slide {
outline: 0.125em solid var(--accent-color);
outline-offset: -0.37em;
}
.screen img {
width: 100%;
height: auto !important;
}
.scroll-to-top-btn2.visible {
/* left: 5px !important; */
opacity: 1;
}
.select-lang-sm {
margin-left: 10px !important;
}
.product-single-details-tabs>.tab-content {
padding: 3.125rem 0;
background-color: transparent !important;
}
.nav-link2 {
position: relative !important;
padding: 0.6875rem 1.5625rem 0.4375rem !important;
color: #222222 !important;
}
.nav-link2:hover {
border-color: transparent !important;
background-color: transparent !important;
}
.nav-link2::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 1.5625rem;
width: 0;
height: 2px;
background-color: #222222;
transition: width 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav-link2:hover:after {
width: calc(100% - 3.125rem) !important;
}
.nav-pills .nav-link2.active {
border: none !important;
color: #222222 !important;
background-color: transparent !important;
}
.product-single-additional-item {
margin-bottom: 1.875rem;
}
.product-single-additional-item label {
min-width: 8.75rem !important;
margin: 0;
font-weight: 600;
}
.rotatetion-img {
display: inline-block;
transition: transform 0.5s ease;
transform: rotateY(180deg);
}
.product-card-wrapper-item-content:hover .rotatetion-img2 {
display: none
}
.main-sidebar ::-webkit-scrollbar {
width: 7px;
background-color: #ffffff40;
}
.showed-product-des-modal {
margin: 0 auto !important;
height: 100%;
padding: 15px 15px 10px 25px !important;
}
.cart-item-img-fluid {
width: 7.5rem !important;
height: 7.5rem !important;
max-width: 7.5rem !important;
object-fit: cover
}
.emty-cart {
display: flex;
justify-content: center;
}
.show-more-itemModal-sitelink-content-header {
background: #faf9f8;
border: 0;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1.5rem 1rem;
}
.swiper-slide2 {
margin: 0 20px !important;
width: auto !important;
height: auto !important;
}
.show-sub-category-hover::after {
content: '';
display: block;
top: 100%;
width: 0;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.show-sub-category-hover:hover::after {
width: 5em;
}
.show-sub-category-hover-active::after {
width: 5em !important;
content: '';
display: block;
top: 100%;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.get-all-subCategory-list {
list-style: none;
line-height: 2.8rem;
}
.close-modal-sub {
position: absolute;
top: -8px;
right: 0;
font-size: 30px !important;
z-index: 1000;
}
.get-all-subCategory-list-li {
position: relative;
padding-left: 20px;
}
.get-all-subCategory-list-li::before {
content: '';
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 2px;
background-color: #000;
}
.btn-link-shop-hover2-moblie {
display: none;
}
.btn-eye {
display: none;
}
.common-btn {
background-color: #000 !important;
color: #fff !important;
}
@media (max-width: 576px) {
.section-titles {
margin-bottom: 25px !important;
}
.btn-eye {
display: block;
}
.btn-res {
margin-left: 15px;
}
.mobile-navigation {
position: fixed !important;
}
.hover-product-content2 {
justify-content: start !important;
opacity: 1 !important;
visibility: visible !important;
}
.btn-for-lg {
display: none !important;
}
.hover-product-content {
margin-top: 5px;
opacity: 1 !important;
visibility: visible !important;
position: relative !important;
}
.btn-link-shop-hover2-moblie {
display: inline-block;
}
.btn-link-shop-hover-moblie {
display: none;
}
.name-tilte {
font-size: 11px;
}
.name-tilte-h a {
font-size: 14px !important;
}
.hover-product-content-color {
margin: 1px;
}
.hover-product-content-color::after {
top: 16%;
left: 17%;
width: 0.525rem;
height: 0.525rem;
margin-top: 0;
margin-left: 0;
border-radius: 100%;
}
.hover-product-content-color {
margin: 1px;
}
.hover-product-content-color {
width: 1rem;
height: 1rem;
}
.product-changedate {
height: 220px;
}
.product-changedate {
padding: 0.875rem 0.875rem;
}
.image-thumbnail-carousel {
width: 100%;
margin: 0 !important;
}
.prev-left {
top: 35%;
left: 5%;
}
.next-right {
top: 35%;
right: 20px;
}
.thumbnail-carousel {
display: block;
}
.image-thumbnail-carousel {
flex-direction: column-reverse;
}
.carousel__slider {
margin: 0;
padding: 0.5rem 0;
display: flex;
justify-content: space-evenly
}
.thumbnail {
padding-right: 5px;
}
.solo-p-moblie {
padding-top: 60px !important;
}
.product-single-name {
font-size: 18px;
}
.product-single-price {
font-size: 14px;
margin-top: 10px;
}
.product-single-short-des p {
font-size: 14px;
}
.solo-product-addcart a {
width: 9.5rem !important;
}
.product-single-additional-item span {
font-size: 14px;
}
}
@media (max-width: 768.98px) {
.carousel-control-prev2 {
margin-top: 25%;
}
.carousel-control-prev3 {
margin-top: 25%;
}
.mobile-navigation {
position: fixed !important;
}
.carouselExampleControls-sec {
padding-top: 60px !important;
}
.solo-p-moblie {
padding-top: 60px !important;
}
.image-thumbnail-carousel {
width: 100%;
margin: 0 !important;
}
.prev-left {
top: 35%;
left: 5%;
}
.next-right {
top: 35%;
right: 20px;
}
.thumbnail-carousel {
display: block;
}
.image-thumbnail-carousel {
flex-direction: column-reverse;
}
.carousel__slider {
margin: 0;
padding: 0.5rem 0;
display: flex;
justify-content: space-evenly
}
.thumbnail {
padding-right: 20px;
}
}
.solo-p-moblie {
padding-top: 90px;
}
.carouselExampleControls-sec {
padding-top: 90px;
}
.bg-trans {
background-color: transparent !important;
}
.bg-trans-w {
background-color: white !important;
}
.p-m-t {
padding-top: 60px;
}
html::-webkit-scrollbar {
display: none;
}
@media (max-width: 576px) {
.close-product-des2 {
position: absolute;
top: -4px;
right: -3px;
margin-right: 0px !important;
}
}
.hover-product-content-color2 {
width: 1.55rem;
height: 1.55rem;
}
.hover-product-content-color2::after {
width: 0.825rem;
height: 0.825rem;
margin-top: -0.425rem;
margin-left: -0.425rem;
}
.hover-product-content-color2 {
margin: 0;
color: #f5e6e0;
display: block;
position: relative;
border-radius: 50%;
}
.hover-product-content-color2::after {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.3125rem;
margin-left: -0.3125rem;
border-radius: 100%;
background-color: currentColor;
color: inherit;
content: '';
}
.ex-item-show-size {
cursor: pointer;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 1.875rem !important;
border: 1px solid #e4e4e4 !important;
padding: 0 0.8125rem !important;
transition: all .3s ease !important;
font-size: 0.875rem;
font-weight: 500;
min-width: 3rem;
text-transform: uppercase;
}
.ex-item-show-size:hover {
color: #222222;
background-color: #e4e4e4;
border-color: #e4e4e4;
}
.aside-scrol {
overflow-y: scroll !important;
height: 100vh;
scrollbar-width: none;
}
.aside-scrol::-webkit-scrollbar {
display: none;
}
.form-control-c-h {
height: calc(1.5em + .75rem + 2px) !important;
}
.form-control-de {
font-size: 20px;
font-weight: 600;
}
.chose-size.active {
color: #222222;
background-color: #e4e4e4;
border-color: #e4e4e4;
}
.color_select222::after {
margin-top: -0.425rem !important;
margin-left: -0.425rem !important;
}
.hover-product-content-color2.active {
border: 2px solid black !important;
}
.sub-pro-Categories.active::after {
content: '';
display: block;
position: absolute;
top: 100%;
width: 3rem;
height: 2px;
transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
background-color: currentColor;
}
.create-account {
text-decoration: underline !important;
}
.reviewers-rate i {
color: #d3a532;
font-size: 11px;
margin: 1px;
}
.reviewers-data h6 {
font-size: 15px !important;
}
.reviewers-data p {
font-size: 11px !important;
}
.reviews-img img {
width: 60px !important;
height: 60px !important;
border-radius: 50%;
}
.border-bottom-color {
border-bottom: 1px solid #e4e4e4;
}
.review-stars {
color: #d3a532;
font-size: 11px;
}
.youtube-video-thumbs {
position: absolute;
padding-bottom: 75.25%;
height: 0;
overflow: hidden;
}
.youtube-video-thumbs iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-thumbnail {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 85px;
height: 94%;
z-index: 10;
cursor: pointer;
}
.video-thumbnail img {
width: 135px;
height: 121px;
position: relative;
z-index: 1;
top: 79px;
}
.a-disabled {
cursor: not-allowed;
color: gray !important;
background: transparent !important;
text-decoration: none !important;
}
.a-disabled span {
cursor: not-allowed;
color: gray !important;
background: transparent !important;
text-decoration: none !important;
}
i.icon-repeat {
font-size: 25px !important;
color: #000000 !important;
}
i.icon-repeat.heart {
font-size: 15px !important;
color: #000000 !important;
}
i.icon-repeat.icn-rpt-sm {
font-size: 13px !important;
}
span.sm-text-label {
color: #6c6c6c;
}
a.compare-product-add-to-cart {
color: #ffffff !important;
background: #000;
padding: 5px 20px;
text-align: center;
border-radius: 4px;
}
.compare-product-card {
border: 1px solid #dadada;
padding: 10px;
border-radius: 4px;
}
.compare-p-name {
font-weight: 700;
font-size: 20px;
padding: 5px;
}
.screen img {
width: 100%;
height: auto;
}
.compare-product-add-to-cart {
text-align: center;
margin: 20px 0px;
}
a.btn-for-add-to-cart {
background: #000000;
color: #ffffff !important;
border-radius: 4px;
padding: 10px 30px;
margin-top: 20px;
}
.swiper-wrapper {
height: 700px !important;
}
.swiper-button-next, .swiper-button-prev {
color: #000000;
}
.swiper-pagination-bullet-active {
background: #000000 !important;
}
</style>
<?php if($setting->is_google_adsense == '1'): ?>
<?php echo $setting->google_adsense; ?>
<?php endif; ?>
<?php if($setting->is_google_analytics == '1'): ?>
<?php echo $setting->google_analytics; ?>
<?php endif; ?>
<?php if($setting->is_facebook_pixel == '1'): ?>
<?php echo $setting->facebook_pixel; ?>
<?php endif; ?>
</head>
<!-- Body-->
<body class="
<?php if($setting->theme == 'theme1'): ?>
body_theme1
<?php elseif($setting->theme == 'theme2'): ?>
body_theme2
<?php elseif($setting->theme == 'theme3'): ?>
body_theme3
<?php elseif($setting->theme == 'theme4'): ?>
body_theme4
<?php endif; ?>
">
<!-- Preloader Start -->
<?php if($setting->is_loader == 1): ?>
<div id="preloader">
<img src="<?php echo e(asset('assets/images/'.$setting->loader)); ?>" alt="<?php echo e(__('Loading...')); ?>">
</div>
<?php endif; ?>
<!-- Preloader endif -->
<!-- Header-->
<div id="header-mobile-v" class="header-mobile-v">
<div class="container d-flex align-items-center h-100">
<a href="#" class="mobile-nav-bar d-block position-relative open-mobile-nav-bar"><i
class="far fa-bars close-mobile-nav-bar-icon"></i>
<i class="far fa-times close-mobile-nav-bar-icon d-none"></i></a>
<div class="mobile-nav-app-logo">
<a href="<?php echo e(route('front.index')); ?>">
<img src="<?php echo e(asset('assets/images/'.$setting->logo)); ?>" alt="logo" class="logo__image d-block">
</a>
</div>
<div class="nav-help-tool-search">
<?php if(Auth::user()): ?>
<a href="#" data-item-url=<?php echo e(route('front.cart.items')); ?> id="open-cart"
class="customer-heart open-cart header-cart cart-items-btn" style="cursor: pointer;"><i
class="far fa-shopping-bag"></i></a>
<div id="count-labels"><span class="total-add-item cart-icon"><span id="count-label-count"
class="count-label cart_count"><?php echo e(Session::has('cart_'.auth()->user()->id) ?
count(Session::get('cart_'.auth()->user()->id)) : '0'); ?> </span></span></div>
<div class="toolbar-dropdown cart-dropdown widget-cart cart_view_header" id="header_cart_load"
data-target="<?php echo e(route('front.header.cart')); ?>">
<?php echo $__env->make('includes.header_cart', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<?php else: ?>
<a href="<?php echo e(route('user.login')); ?>"> <i class="far fa-shopping-bag"></i></a>
<?php endif; ?>
</div>
</div>
</div>
<nav id="mobile-navigation" class="mobile-navigation flex-column w-100 position-absolute overflow-auto ">
<div class="container">
<form action="" method="GET" class="position-relative mt-4 mb-3">
<div class="position-relative">
<input type="text" id="moblie-inputsearch-result-product"
class="mobile-nav-bar-search-field-input w-100 border rounded-1" placeholder="Search products">
</div>
<div class="position-absolute start-0 top-100 m-0 w-100">
<div class="inputsearch-result d-none" id="moblie-inputsearch-result-product-get">
</div>
<div class="container p-0 mt-3">
<div class="overflow-hidden">
<ul class="mobile-navigation-list">
<li class="navigation-item">
<a href="<?php echo e(route('front.index')); ?>" class="navigation-link">Home</a>
</li>
<li class="navigation-item">
<a href="<?php echo e(route('front.catalog')); ?>" class="navigation-link">Collection</a>
</li>
<li class="navigation-item">
<a href="<?php echo e(route('front.blog')); ?>" class="navigation-link">Blog</a>
</li>
<?php
$about_us = DB::table('pages')->where('slug','about-us')->first();
?>
<?php if(isset($about_us) && $about_us): ?>
<li class="navigation-item">
<a href="<?php echo e(route('front.page',$about_us->slug)); ?>"
class="navigation-link"><?php echo e(ucfirst($about_us->title)); ?></a>
</li>
<?php endif; ?>
<li class="navigation-item">
<a href="<?php echo e(route('front.contact')); ?>" class="navigation-link">Contact</a>
</li>
<li class="navigation-item">
<a href="<?php echo e(route('front.faq')); ?>" class="navigation-link">Faq</a>
</li>
</ul>
</div>
</div>
<div class="mt-auto pb-2" style=" border-top: 1px solid #e4e4e4 !important;">
<div class="container mt-4 mb-2 pb-1">
<i class="far fa-user" style="font-size: 25px"></i>
<span class=" text-uppercase align-middle select-lang-sm">My Account</span>
</div>
<div class="d-flex align-items-center mt-3 mb-3">
<label for="" class="text-secondary mb-0 mr-2" style="font-size: 0.875rem">Language</label>
<select name="language" id="language" class="select-language text-dark select-lang-sm">
<option selected>United Kingdom | English</option>
<option>German</option>
<option>French</option>
</select>
</div>
<div class="d-flex align-items-center">
<label for="" class="text-secondary mb-0 mr-2" style="font-size: 0.875rem">Currency</label>
<select name="currency" id="language" class="select-language text-dark select-lang-sm">
<option selected>$ USD</option>
<option>£ GBP</option>
<option>€ EURO</option>
</select>
</div>
<ul class="social-media-links d-flex flex-wrap mb-0">
<li>
<a href="#" class="d-block"><i class="lab la-facebook-f"></i></a>
</li>
<li>
<a href="#" class="d-block"><i class="lab la-twitter"></i></a>
</li>
<li>
<a href="#" class="d-block"><i class="lab la-instagram"></i></a>
</li>
<li>
<a href="#" class="d-block"><i class="lab la-youtube"></i></a>
</li>
<li>
<a href="#" class="d-block"><i class="lab la-pinterest"></i></a>
</li>
</ul>
</div>
</div>
</form>
</div>
</nav>
<header class="header_top_sec">
<div class="header_top_sec_nav">
<div class="nav-logo">
<a href="<?php echo e(route('front.index')); ?>">
<img src="<?php echo e(asset('assets/images/'.$setting->logo)); ?>" alt="logo" class="logo__image d-block">
</a>
</div>
<nav class="navigation">
<ul class="navigation-list d-flex">
<li class="navigation-item">
<a href="<?php echo e(route('front.index')); ?>" class="navigation-link">Home</a>
</li>
<li class="navigation-item">
<a href="<?php echo e(route('front.catalog')); ?>" class="navigation-link">Collection</a>
</li>
<li class="navigation-item">
<a href="<?php echo e(route('front.blog')); ?>" class="navigation-link">Blog</a>
</li>
<?php
$about_us = DB::table('pages')->where('slug','about-us')->first();
?>
<?php if(isset($about_us) && $about_us): ?>
<li class="navigation-item">
<a href="<?php echo e(route('front.page',$about_us->slug)); ?>"
class="navigation-link"><?php echo e(ucfirst($about_us->title)); ?></a>
</li>
<?php endif; ?>
<li class="navigation-item">
<a href="<?php echo e(route('front.contact')); ?>" class="navigation-link">Contact</a>
</li>
<li class="navigation-item">
<a href="<?php echo e(route('front.faq')); ?>" class="navigation-link">Faq</a>
</li>
</ul>
</nav>
<div class="nav-help-tools d-flex align-items-center">
<div class="nav-help-tool">
<div class="nav-help-tool-search">
<a href="#" id="open-search-bar" class="open-search-bar"><i class="far fa-search"></i></a>
<a href="#" id="close-search-bar" class="d-none open-search-bar"><i
class="far fa-times"></i></a>
</div>
<div class="nav-help-tool-search-page search-page-hidden-content">
<form action="" method="GET" class="search-product-field container-fluid">
<p class="text-uppercase text-secondary mb-4">What are you looking for?</p>
<div class="search-input">
<input type="text" id="search-field-input" name="search-field"
class="search-field-input" placeholder="Search products">
<button class="search-input-popup-submit"><i class="far fa-search"></i></button>
</div>
<div id="search-field-input-product-category" class="search-popup-find-results">
<div class="search-popup-find-results-details">
<h6 class="navigation-link-menu-list-title">Quicklinks</h6>
<ul class="navigation-link-menu-list">
<?php $__currentLoopData = DB::table('categories')->whereStatus(1)->get()->take(5); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li class="navigation-link-menu-item">
<a href="<?php echo e(route('front.all.category',$category->id)); ?>"
class="navigation-link-menu-link"><?php echo e($category->name); ?></a>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
</div>
<div id="search-field-input-product" class="after-search-results row d-none mt-4">
</div>
</form>
</div>
</div>
<div class="nav-help-tool">
<div class="nav-help-tool-search">
<?php if(!Auth::user()): ?>
<a href="#" class="customer-login open-login-form"><i class="far fa-user"></i></a>
<?php else: ?>
<a href="<?php echo e(route('user.login')); ?>"> <i class="far fa-user"></i></a>
<?php endif; ?>
</div>
</div>
<div class="col-md-4 d-none">
<div class="t-m-s-a">
<a class="track-order-link" href="<?php echo e(route('front.order.track')); ?>"><i
class="icon-map-pin"></i><?php echo e(__('Track Order')); ?></a>
<a class="track-order-link compare-mobile d-lg-none"
href="<?php echo e(route('fornt.compare.index')); ?>"><?php echo e(__('Compare')); ?></a>
</div>
</div>
<div class="nav-help-tool">
<div class="nav-help-tool-search">
<div class="toolbar-item hidden-on-mobile"><a href="<?php echo e(route('fornt.compare.index')); ?>">
<div>
<span class="compare-icon"><i class="icon-repeat"></i><span
class="count-label total-compare-item compare_count"><?php echo e(Session::has('compare') ?
count(Session::get('compare')) : '0'); ?></span>
</span>
</div>
</a>
</div>
</div>
</div>
<div class="nav-help-tool">
<div class="nav-help-tool-search">
<a href="<?php echo e(route('user.wishlist.index')); ?>" class="customer-heart"><i
class="far fa-heart"></i></a>
<span class="total-add-item wish-list-total-count" id="wish-list-total-count">
<?php if(auth()->guard()->check()): ?>
<?php echo e(Auth::user()->wishlists->count()); ?>
<?php else: ?>
0
<?php endif; ?>
</span>
</div>
</div>
<div class="nav-help-tool">
<div class="nav-help-tool-search">
<?php if(Auth::user()): ?>
<a href="#" data-item-url=<?php echo e(route('front.cart.items')); ?> id="open-cart"
class="customer-heart open-cart header-cart cart-items-btn" style="cursor: pointer;"><i
class="far fa-shopping-bag"></i></a>
<div id="count-labels"><span class="total-add-item cart-icon"><span id="count-label-count"
class="count-label cart_count"><?php echo e(Session::has('cart_'.auth()->user()->id) ?
count(Session::get('cart_'.auth()->user()->id)) : '0'); ?> </span></span></div>
<div class="toolbar-dropdown cart-dropdown widget-cart cart_view_header" id="header_cart_load"
data-target="<?php echo e(route('front.header.cart')); ?>">
<?php echo $__env->make('includes.header_cart', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<?php else: ?>
<a href="<?php echo e(route('user.login')); ?>"> <i class="far fa-shopping-bag"></i></a>
<?php endif; ?>
</div>
</div>
<div class="nav-help-tool">
<div class="nav-help-tool-search">
<a class="customer-more-bar get_category_modal"
data-get-category-url=<?php echo e(route('front.get.category')); ?> id="show-more-item"
style="cursor: pointer;"><i class="far fa-bars"></i></a>
</div>
</div>
</div>
</div>
</header>
<div class="aside " id="customerForms">
<div class="customer-form-wrapper">
<div class="customer-login">
<div class="aside-header d-flex align-items-center">
<h3 class="mb-0">Login</h3>
<button class="close-aside-bar open-login-form"><i class="far fa-times"></i></button>
</div>
<div class="aside-body">
<div class="bg-danger text-white">
<?php echo $__env->make('alerts.alerts', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<form action="<?php echo e(route('user.login.submit')); ?>" method="post">
<?php echo csrf_field(); ?>
<div class="form-floating-title mb-3">
<input type="text" name="login_email" class="form-control form-control_gray"
placeholder="name@example.com">
<label for=""> Email address *</label>
</div>
<div class="pb-3"></div>
<div class="form-floating-fixed mb-3">
<label for="" class="form-label">Password *</label>
<input type="password" name="login_password"
class="form-control orm-control2 form-control_gray" placeholder="********">
</div>
<div class="d-flex align-items-center mb-3 pb-2">
<div class="form-checkboxs mb-0">
<input id="remember_me" type="checkbox"
class="form-checkbox-input form-checkbox-input-fill">
<label for="remember_me" class="form-checkbox-label">Remember me</label>
</div>
<a href="<?php echo e(route('user.forgot')); ?>" class="btn-rest-password">Lost password?</a>
</div>
<div class="submit-btns">
<button type="submit" class="btn submit-btn">Log In</button>
</div>
</form>
<div class="other-options mt-4 text-center">
<span class="text-secondary">No account yet?</span>
<a href="<?php echo e(route('user.register')); ?>" class="btn-rest-password">Create Account</a>
</div>
</div>
</div>
</div>
</div>
<div class="aside" id="open-cart-des">
<div class="customer-login widget-cart cart_view_header" id="header_cart_load"
data-target="<?php echo e(route('front.header.cart')); ?>">
<!-- Cart Header -->
<?php echo $__env->make('includes.header_cart', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
<div id="page-overlay" class="page-overlay "></div>
<div class="modal overflow-hidden fade show-more-itemModal p-0 " id="show-more-itemModal" tabindex="-1"
role="dialog">
<div class="modal-dialog modal-dialog-itemModal m-0" role="document">
<div class="modal-content modal-content-itemModal" style="border-radius: 0;">
<div class="modal-body">
<div class="row">
<div class="col-lg-6">
<div class="show-more-itemModal-sitemap h-100">
<img src="https://uomo-html.flexkitux.com/images/nav-bg.jpg" alt="Site map">
</div>
</div>
<div class="col-lg-6">
<button type="button" class="close close-modal close-modal-sub" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="show-more-itemModal-sitelink-content-header mt-3">
<div id="swiper-container2" class="swiper-container overflow-hidden">
<div class="swiper-wrapper">
<?php $__currentLoopData = DB::table('categories')->whereStatus(1)->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="swiper-slide swiper-slide2">
<a id="show-sub-category-tag" href="#"
class="rounded-1 show-sub-category show-sub-category-hover"
data-name="show-sub-category-hover-active"
data-id="<?php echo e($category->id); ?>">
<?php echo e($category->name); ?>
</a>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="show-more-itemModal-sitelink-content-body res-scroll">
<ul id="get-all-subCategory" class="get-all-subCategory-list">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content-->
<?php echo $__env->yieldContent('content'); ?>
<!-- announcement banner section start -->
<a class="announcement-banner" href="#announcement-modal"></a>
<div id="announcement-modal" class="mfp-hide white-popup">
<?php if($setting->announcement_type == 'newletter'): ?>
<div class="announcement-with-content">
<div class="left-area">
<img src="<?php echo e(asset('assets/images/'.$setting->announcement)); ?>" alt="">
</div>
<div class="right-area">
<h3 class=""><?php echo e($setting->announcement_title); ?></h3>
<p><?php echo e($setting->announcement_details); ?></p>
<form>
<div class="input-group">
<input class="form-control" id="subscriber-email" type="email" name="email_address" placeholder="<?php echo e(__('Your e-mail')); ?>">
<span class="input-group-addon"><i class="icon-mail"></i></span>
</div>
<div aria-hidden="true">
<input type="hidden" name="b_c7103e2c981361a6639545bd5_1194bb7544" tabindex="-1">
</div>
<button data-subscriber-url=<?php echo e(route('front.subscriber.submit')); ?> data-subscriber-token=<?php echo e(csrf_token()); ?> class="btn btn-primary btn-block mt-2 subscribe-btn1" type="button">
<span><?php echo e(__('Subscribe')); ?></span>
</button>
</form>
</div>
</div>
<?php else: ?>
<a href="<?php echo e($setting->announcement_link); ?>">
<img src="<?php echo e(asset('assets/images/'.$setting->announcement)); ?>" alt="">
</a>
<?php endif; ?>
</div>
<!-- announcement banner section end -->
<!-- Site Footer-->
<footer class="footer-bordered">
<div class="footer-top-section container">
<div class="footer-top-section-sign">
<?php
$homeCustomize = DB::table('home_cutomizes')->first();
$join_us = json_decode($homeCustomize->join_us);
?>
<h3>
<?php echo e(isset($join_us->title) ? $join_us->title : ''); ?>
</h3>
<p>
<?php echo e(isset($join_us->description) ? $join_us->description : ''); ?>
</p>
<form action="">
<input type="email" id="subscriber-email-address" name="email" class="form-control orm-control2"
placeholder="Your email address">
<button data-subscribe-url=<?php echo e(route('front.subscriber.submit')); ?> data-subscribe-token=<?php echo e(csrf_token()); ?> type="button" class="btn subscribe-btn">JOIN</button>
</form>
</div>
</div>
<div class="footer-middle-section container">
<div class="row m-0">
<div class="col-lg-5 footer-col-app ">
<div class="app-logo">
<a href="<?php echo e(route('front.index')); ?>"> <img src="<?php echo e(asset('assets/images/'.$setting->logo)); ?>"
alt="logo" class="logo__image d-block"></a>
</div>
<p class="footer-address-text"><?php echo e($setting->footer_address); ?></p>
<p class="m-0"> <?php echo e($setting->footer_email); ?></p>
<p class="mb-4"> <?php echo e($setting->footer_phone); ?></p>
<?php
$links = json_decode($setting->social_link,true)['links'];
$icons = json_decode($setting->social_link,true)['icons'];
?>
<ul class="social-media-links d-flex flex-wrap mb-0">
<?php $__currentLoopData = $links; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $link_key => $link): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li>
<a href="<?php echo e($link); ?>" class="d-block"><i class="<?php echo e($icons[$link_key]); ?>"></i></a>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-6 footer-col">
<h6 class="company-title">Company</h6>
<ul class="company-list">
<?php $__currentLoopData = DB::table('pages')->wherePos(2)->orwhere('pos',1)->get(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li><a href="<?php echo e(route('front.page',$page->slug)); ?>"><?php echo e($page->title); ?></a></li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
<div class="col-lg-4 col-md-6 col-6 footer-col">
<?php
$homeCustomize = DB::table('home_cutomizes')->first();
$popularcategory = json_decode($homeCustomize->popular_category);
$popularcategory_title = $popularcategory->popular_title;
$category_ids = DB::table('categories')->whereIn('id',$popularcategory->category_id1)->whereStatus(1)->get();
?>
<h6 class="company-title"><?php echo e(isset($popularcategory_title) ? $popularcategory_title : ''); ?></h6>
<ul class="company-list">
<?php $__currentLoopData = $category_ids; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $popularcategory_id): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li>
<a href="<?php echo e(route('front.all.category',$popularcategory_id->id)); ?>"><?php echo e($popularcategory_id->name); ?></a>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
<div class="col-lg-2 footer-col d-none">
<h6 class="company-title">Help</h6>
<ul class="company-list">
<li>
<a href="#">Customer Service</a>
</li>
<li>
<a href="#">My Account</a>
</li>
<li>
<a href="#">Find a Store</a>
</li>
<li>
<a href="#">Legal & Privacy</a>
</li>
<li>
<a href="#">Contact</a>
</li>
<li>
<a href="#">Gift Card</a>
</li>
</ul>
</div>
<div class="col-lg-3 footer-col-app d-none">
<h6 class="company-title">Mobile App</h6>
<ul class="download-list">
<li>
<a href="#" class="clickTo_started">Click and Get started in seconds</a>
</li>
<li>
<a href="#" target="_blank" class="download-link">
<i class="fa fa-apple"></i>
<span class="download-link-in">
<span>Download on the</span>
<strong>Apple Store</strong>
</span>
</a>
</li>
<li class="mt-3">
<a href="#" target="_blank" class="download-link">
<i class="fa fa-google"></i>
<span class="download-link-in">
<span>Download on the</span>
<strong>Google Play</strong>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container d-md-flex align-items-center justify-content-between">
<span class="mr-auto"><?php echo e($setting->copy_right); ?></span>
<div class="d-md-flex align-items-center">
<select name="language" id="language" class="select-language border-0">
<option selected>United Kingdom | English</option>
<option>German</option>
<option>French</option>
</select>
<select name="currency" id="language" class="select-language border-0">
<option selected>$ USD</option>
<option>£ GBP</option>
<option>€ EURO</option>
</select>
</div>
</div>
</div>
</footer>
<div class="mobile-navigation-footer container">
<div class="row text-center">
<!-- Home Link -->
<div class="col-3">
<a href="<?php echo e(route('front.index')); ?>" class="mobile-footer-link d-flex flex-column align-items-center">
<i class="far fa-home" style="font-size: 25px"></i>
<span class="sm-text-label">Home</span>
</a>
</div>
<div class="col-3">
<a href="<?php echo e(route('fornt.compare.index')); ?>">
<i class="icon-repeat"></i><span
class="count-label total-compare-item-for-sm compare_count"><?php echo e(Session::has('compare') ?
count(Session::get('compare')) : '0'); ?></span>
<span class="sm-text-label">Compare</span>
</a>
</div>
<!-- Shop Link -->
<div class="col-4 d-none">
<div class="nav-help-tool-search">
<?php if(Auth::check()): ?>
<a href="#" data-item-url="<?php echo e(route('front.cart.items')); ?>" id="open-cart"
class="customer-heart open-cart header-cart cart-items-btn" style="cursor: pointer;">
<i class="far fa-shopping-bag"></i>
</a>
<div>
<span class="total-add-item-for-sm cart-icon">
<span class="count-label cart_count"><?php echo e(Session::has('cart_' . auth()->user()->id) ?
count(Session::get('cart_' . auth()->user()->id)) : '0'); ?></span>
</span>
<span class="sm-text-label">Shop</span>
</div>
<div class="toolbar-dropdown cart-dropdown widget-cart cart_view_header" id="header_cart_load"
data-target="<?php echo e(route('front.header.cart')); ?>">
<?php echo $__env->make('includes.header_cart', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<?php else: ?>
<a href="<?php echo e(route('user.login')); ?>"
class="mobile-footer-link d-flex flex-column align-items-center">
<i class="far fa-shopping-bag"></i>
<span class="total-add-item-for-sm cart-icon">
<span class="count-label cart_count">0</span>
</span>
<span class="sm-text-label">Shop</span>
</a>
</div>
<?php endif; ?>
</div>
<div class="col-3">
<?php if(!Auth::user()): ?>
<div>
<a href="#" class="customer-login open-login-form"><i class="far fa-user"
style="font-size: 25px"></i></a>
</div>
<span class="sm-text-label">Account</span>
<?php else: ?>
<div>
<a href="<?php echo e(route('user.login')); ?>"> <i class="far fa-user" style="font-size: 25px"></i></a>
</div>
<span class="sm-text-label">Account</span>
<?php endif; ?>
</div>
<div class="col-3">
<div class="">
<div class="nav-help-tool-search">
<a href="<?php echo e(route('user.wishlist.index')); ?>" class="customer-heart">
<i class="far fa-heart" style="font-size: 25px"></i></a>
<span class="total-add-item-sm-heart wish-list-total-count" id="wish-list-total-count-sm">
<?php if(auth()->guard()->check()): ?>
<?php echo e(Auth::user()->wishlists->count()); ?>
<?php else: ?>
0
<?php endif; ?>
</span>
</div>
</div>
<span class="sm-text-label">Wishlist</span>
</div>
</div>
</div>
<!-- Back To Top Button-->
<a class="scroll-to-top-btn scroll-to-top-btn2" href="#">
<i class="icon-chevron-up"></i>
</a>
<!-- Backdrop-->
<div class="site-backdrop"></div>
<!-- Cookie alert dialog -->
<?php if($setting->is_cookie == 1): ?>
<?php echo $__env->make('cookie-consent::index', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php endif; ?>
<!-- Cookie alert dialog -->
<?php
$mainbs = [];
$mainbs['is_announcement'] = $setting->is_announcement;
$mainbs['announcement_delay'] = $setting->announcement_delay;
$mainbs['overlay'] = $setting->overlay;
$mainbs = json_encode($mainbs);
?>
<script>
var mainbs = <?php echo $mainbs; ?>;
var decimal_separator = '<?php echo $setting->decimal_separator; ?>';
var thousand_separator = '<?php echo $setting->thousand_separator; ?>';
</script>
<script>
let language = {
Days : '<?php echo e(__('Days')); ?>',
Hrs : '<?php echo e(__('Hrs')); ?>',
Min : '<?php echo e(__('Min')); ?>',
Sec : '<?php echo e(__('Sec')); ?>',
}
</script>
<!-- JavaScript (jQuery) libraries, plugins and custom scripts-->
<script type="text/javascript" src="<?php echo e(asset('assets/front/js/plugins.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/back/js/plugin/bootstrap-notify/bootstrap-notify.min.js')); ?>">
</script>
<script type="text/javascript" src="<?php echo e(asset('assets/front/js/scripts.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/front/js/lazy.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/front/js/lazy.plugin.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/front/js/myscript.js')); ?>"></script>
<?php echo $__env->yieldContent('script'); ?>
<?php if($setting->is_facebook_messenger == '1'): ?>
<!-- Messenger Chat Plugin Code -->
<div id="fb-root"></div>
<!-- Your Chat Plugin code -->
<div id="fb-customer-chat" class="fb-customerchat">
</div>
<script>
var chatbox = document.getElementById('fb-customer-chat');
chatbox.setAttribute("page_id", "<?php echo e($setting->facebook_messenger); ?>");
chatbox.setAttribute("attribution", "biz_inbox");
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v11.0'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<?php endif; ?>
<script type="text/javascript">
let mainurl = '<?php echo e(route('front.index')); ?>';
let view_extra_index = 0;
// Notifications
function SuccessNotification(title){
$.notify({
title: ` <strong>${title}</strong>`,
message: '',
icon: 'fas fa-check-circle'
},{
element: 'body',
position: null,
type: "success",
allow_dismiss: true,
newest_on_top: false,
showProgressbar: false,
placement: {
from: "top",
align: "right"
},
offset: 20,
spacing: 10,
z_index: 1031,
delay: 5000,
timer: 1000,
url_target: '_blank',
mouse_over: null,
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
},
onShow: null,
onShown: null,
onClose: null,
onClosed: null,
icon_type: 'class'
});
}
function DangerNotification(title){
$.notify({
// options
title: ` <strong>${title}</strong>`,
message: '',
icon: 'fas fa-exclamation-triangle'
},{
// settings
element: 'body',
position: null,
type: "danger",
allow_dismiss: true,
newest_on_top: false,
showProgressbar: false,
placement: {
from: "top",
align: "right"
},
offset: 20,
spacing: 10,
z_index: 1031,
delay: 5000,
timer: 1000,
url_target: '_blank',
mouse_over: null,
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
},
onShow: null,
onShown: null,
onClose: null,
onClosed: null,
icon_type: 'class'
});
}
// Notifications Ends
</script>
<?php if(Session::has('error')): ?>
<script>
$(document).ready(function(){
DangerNotification('<?php echo e(Session::get('error')); ?>')
})
</script>
<?php endif; ?>
<?php if(Session::has('success')): ?>
<script>
$(document).ready(function(){
SuccessNotification('<?php echo e(Session::get('success')); ?>');
})
</script>
<?php endif; ?>
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script>
$(document).on('click', '.open-search-bar', function (e) {
e.preventDefault();
$('.open-search-bar').toggleClass('d-none');
$('.nav-help-tools').toggleClass('nav-help-tool-search-open');
});
$(document).on('click', function (e) {
if (!$(e.target).closest('.nav-help-tools, #open-search-bar').length) {
$('.nav-help-tools').removeClass('nav-help-tool-search-open');
$('#close-search-bar').addClass('d-none');
$('#open-search-bar').removeClass('d-none');
}
});
$(document).on('click', '.open-login-form', function (e) {
e.preventDefault();
$('#customerForms').toggleClass('aside_right');
});
$(document).on('click', '.open-cart', function (e) {
e.preventDefault();
$('#open-cart-des').toggleClass('aside_right');
$('#page-overlay').toggleClass('page-overlay-visible');
});
$(document).on('click', '#show-more-item', function (e) {
$('#show-more-itemModal').modal('show');
$('#show-sub-category-tag').trigger('click');
});
$(document).on('click', '.close-modal', function (e) {
$('#show-more-itemModal').modal('hide');
});
// $(document).on('click', '#show-product-des', function (e) {
// let name = $(this).attr('data-name');
// let price = $(this).attr('data-price');
// let id = $(this).attr('data-id');
// let details = $(this).attr('data-details');
// let galleries = JSON.parse($(this).attr('data-galleries'));
// let sku = $(this).attr('data-skn');
// let tags = $(this).attr('data-tags');
// let category_name = $(this).attr('data-category-name');
// let html = '';
// let html_size = '';
// let html_color = '';
// $('#product-other-sizes-list').empty();
// $('.quantity_section_item3').val(1);
// $('.pro-name').text(name);
// $('.pro-price').text('$'+price);
// $('.pro-price').attr('data-price', price);
// $('#whish-list-add-eye').attr('data-product-id', id);
// $('.close-product-des').attr('data-target', id);
// $('.item_id_eye').val(id);
// $('.pro-des').text(details);
// $('#show-sku').text(sku);
// $('#show-tags').text(tags);
// $('#show-catagory').text(category_name);
// $('#carousel-item').empty();
// galleries.forEach(function (gally, index) {
// let isActive = index === 0 ? 'active' : '';
// html += `
// <div class="carousel-item carousel-item2 ${isActive}">
// <a href="">
// <img src="assets/images/${gally.photo}" alt="" class="w-100">
// </a>
// </div>
// `;
// });
// if($(this).attr('data-sizes')){
// let sizes = JSON.parse($(this).attr('data-sizes'));
// sizes.forEach(function (size) {
// if(size !== null){
// $('#product-other-sizes-list').empty();
// $('#product-other-swatch').removeClass('d-none');
// html_size += `
// <label for="">${size}</label>
// `;
// }else{
// $('#product-other-sizes-list').empty();
// $('#product-other-swatch').addClass('d-none');
// }
// });
// $('#product-other-sizes-list').append(html_size);
// }else{
// $('#product-other-sizes-list').empty();
// }
// if($(this).attr('data-colors')){
// let colors = JSON.parse($(this).attr('data-colors'));
// colors.forEach(function (color) {
// if(color !== null){
// $('#product-other-colors-list').empty();
// $('#product-other-swatch-color').removeClass('d-none');
// html_color += `
// <a href="#" class="hover-product-content-color hover-product-content-color2" style="color: ${color} !important;"></a>
// `;
// }else{
// $('#product-other-colors-list').empty();
// $('#product-other-swatch-color').addClass('d-none');
// }
// });
// $('#product-other-colors-list').append(html_color);
// }else{
// $('#product-other-colors-list').empty();
// }
// $('#carousel-item').append(html);
// $('#showed-product-des').modal('show');
// });
$(document).ready(function () {
// When the show button is clicked
// $(document).on('click', '#add-to-cart-modal-close', function () {
// });
$(document).on('click', '#show-product-des', function () {
const name = $(this).data('name');
const price = $(this).data('price');
const details = $(this).data('details');
const galleries = $(this).data('galleries');
const sizes = $(this).data('sizes');
const colors = $(this).data('colors');
const sku = $(this).data('skn');
const category = $(this).data('category-name');
const tags = $(this).data('tags');
const item_att_type = $(this).attr('dataitemtype');
const data_show_item_price = $(this).attr('datashowitemprice');
const data_item_reviews = $(this).attr('dataitemreview');
const data_full_star = $(this).attr('datafullstar');
const data_half_star = $(this).attr('datahalfstar');
const data_empty_star = $(this).attr('dataemptystar');
let review_stars = `${data_full_star}${data_half_star}${data_empty_star}`;
// Construct the entire review section
let all_review_sec = `
<div class="d-flex align-items-center">
<div class="d-flex" style="margin-right: 20px;">
${review_stars}
</div>
<span class="text-lowercase text-secondary ml-1" style="font-size: 13px;">
${data_item_reviews} reviews
</span>
</div>
`;
$('#solo-product-review').html(all_review_sec);
$("#add_to_cart").attr("data-p-item-type", item_att_type);
// const show_item_price = $(this.)attr("datashowitemprice");
// set_input_price_on_modal
// Set product details in the modal
$('.pro-name').text(name);
$('.pro-price').text(price);
$('.pro-des').html(details);
$('#show-sku').text(sku);
$('#show-catagory').text(category);
$('#show-tags').text(tags);
$(".set_price_on_modal").text(data_show_item_price);
$(".set_price_on_modal").attr("data-price", price);
// Populate galleries in the carousel
let carouselContent = '';
galleries.forEach((gallery, index) => {
carouselContent += `
<div class="carousel-item ${index === 0 ? 'active' : ''}">
<img src="/assets/images/${gallery.photo}" class="d-block w-100" alt="...">
</div>`;
});
$('#carousel-item').html(carouselContent);
// Populate sizes
let sizesContent = '';
sizes.forEach(size => {
sizesContent += `<span class="size-item">
<a href="#" data-href="${size.id}" data-type="${size.attribute_id}" data-discount-price=${price} data-item-price=${size.price} class="ex-item-show-size chose-size gt_attr_item get_size_attribute"> ${size.name}</a></span>`;
});
$('#product-other-sizes-list').html(sizesContent);
// Populate colors
let colorsContent = '';
colors.forEach(color => {
colorsContent += `<span class="color-item"><a href="#" data-discount-price=${price} data-href="${color.id}" data-item-price=${color.price} data-type="${color.attribute_id}" class="hover-product-content-color2 color_select222 m-0 gt_attr_item get_color_attribute" data-color="${color.name}" style="color: ${color.name} !important;"></a></span>`;
});
$('#product-other-colors-list').html(colorsContent);
$('.item_id_eye').val($(this).data('id'));
$('#whish-list-add-eye').attr('data-product-id', $(this).data('id'));
$('#showed-product-des').modal('show');
});
// $(document).on('click', '#add_to_cart', function (e) {
// e.preventDefault();
// let size_price = $(".get_size_attribute.active").attr('data-item-price');
// let color_price = $(".get_color_attribute.active").attr('data-item-price');
// if (size_price && color_price) {
// console.log("Product added to cart!");
// $('#showed-product-des').modal('hide');
// } else {
// alert('Please select both size and color.');
// }
// });
$(document).on('click', '#close-product-des', function () {
$('#showed-product-des').modal('hide');
});
});
$(document).on('click', '.close-product-des-modal', function (e) {
$('#showed-product-des').modal('hide');
});
$('#pills-tabs a').on('click', function (e) {
e.preventDefault();
$(this).tab('show');
});
$('#nav-tabs a').on('click', function (e) {
e.preventDefault();
$(this).tab('show');
});
$(document).on('click', '.filter', function (e) {
e.preventDefault();
$('#filter').toggleClass('aside_right');
$('#page-overlay').toggleClass('page-overlay-visible');
});
$(document).on('click','.ex-item',function(e){
$('.ex-item').toggleClass('open-ex');
$('.ex-item-show').toggleClass('open-show');
});
$(document).on('click','.ex-item-brand',function(e){
$('.ex-item-brand').toggleClass('open-ex');
$('.ex-item-show-brand').toggleClass('open-show');
});
$(document).on('click','.ex-item-sizes',function(e){
$('.ex-item-sizes').toggleClass('open-ex');
$('.ex-item-show-sizes').toggleClass('open-show');
});
$(document).on('click','.ex-item-p-brands',function(e){
$('.ex-item-p-brands').toggleClass('open-ex');
$('.ex-item-show-p-brands').toggleClass('open-show');
});
</script>
<script>
var swiper = new Swiper('#swiper-container', {
slidesPerView: 4,
spaceBetween: 10,
loop: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 1
},
768: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 1
},
992: {
slidesPerView: 3,
slidesPerGroup: 1,
spaceBetween: 1
},
1200: {
slidesPerView: 4,
slidesPerGroup: 1,
spaceBetween: 1
}
}
});
</script>
<script>
var swiper = new Swiper('#swiper-container2', {
slidesPerView: 4,
spaceBetween: 10,
loop: true,
// autoplay: {
// delay: 3000,
// disableOnInteraction: false,
// },
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 1
},
768: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 1
},
992: {
slidesPerView: 3,
slidesPerGroup: 1,
spaceBetween: 1
},
1200: {
slidesPerView: 4,
slidesPerGroup: 1,
spaceBetween: 1
}
}
});
</script>
<script>
$(document).ready(function () {
$('.popover-button-right').popover({
trigger: 'click',
placement: 'right',
html: true,
content: function () {
return `
<div class="popover-product-des">
<a href="#">
<img class="mb-3" width="165" height="180" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQECCqTLYF54wZeRLiokkW4GgGwo74QS0AkIRl4jDBycq6zr90C" alt="">
</a>
<p class="fw-medium mb-0"><a href="">Cableknit Shawl</a></p>
<p class="mb-0">$129</p>
</div>`;
}
});
$('.popover-button-left').popover({
trigger: 'click',
placement: 'left',
html: true,
content: function () {
return `
<div class="popover-product-des">
<a href="#">
<img class="mb-3" width="165" height="180" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQECCqTLYF54wZeRLiokkW4GgGwo74QS0AkIRl4jDBycq6zr90C" alt="">
</a>
<p class="fw-medium mb-0"><a href="">Cableknit Shawl</a></p>
<p class="mb-0">$129</p>
</div>`;
}
});
});
$(document).on('click', '.open-mobile-nav-bar', function (e) {
$('#header-mobile-v').toggleClass('bg-trans-w');
$('#mobile-navigation').toggleClass('mobile-navigation-open');
$('.close-mobile-nav-bar-icon').toggleClass('d-none');
});
$(document).on('click', '.open-sub-bar', function (e) {
let name = $(this).attr('data-name');
$('.open-sub-bar-list-' + name).toggleClass('d-none');
$('.open-sub-bar-' + name).toggleClass('d-none');
});
$(document).on('click', '.close-sub-bar', function (e) {
let name = $(this).attr('data-name');
$('.open-sub-bar-list-' + name).toggleClass('d-none');
$('.open-sub-bar-' + name).toggleClass('d-none');
});
</script>
<script>
// const Carousel = (() => {
// const getActiveSlide = () => $(".carousel__slide.active");
// const getFirstSlide = () => $(".carousel__slider").children().first();
// const getLastSlide = () => $(".carousel__slider").children().last();
// const getSiblingSlide = (slide, direction) =>
// direction === "prev" ? $(slide).prev() : $(slide).next();
// const getNewActiveSlide = (key, activeSlide) => {
// const actions = {
// Home: getFirstSlide,
// End: getLastSlide,
// ArrowLeft: () => getSiblingSlide(activeSlide, "prev"),
// ArrowRight: () => getSiblingSlide(activeSlide, "next")
// };
// return actions[key]?.() || null;
// };
// const updateScreen = (activeSlide) => {
// const carouselScreen = $(".image-display .screen");
// const video = $(activeSlide).find("video").clone();
// const img = $(activeSlide).find("img").clone();
// carouselScreen.empty();
// if (video.length && video.attr("src")) {
// carouselScreen.append(video);
// video[0].play();
// } else if (img.length && img.attr("src")) {
// carouselScreen.append(img);
// }
// };
// const scrollToActiveSlide = (activeSlide) => {
// const carouselSlider = $(".carousel__slider");
// const offsetLeft = $(activeSlide).position().left;
// const offsetWidth = $(activeSlide).outerWidth();
// const clientWidth = carouselSlider.outerWidth();
// carouselSlider.animate({
// scrollLeft: offsetLeft - clientWidth / 2 + offsetWidth / 2
// }, "smooth");
// };
// const updateActiveSlideClass = (activeSlide) => {
// $(".carousel__slide.active").removeClass("active");
// $(activeSlide).addClass("active");
// };
// const updateCarousel = (activeSlide) => {
// setTimeout(() => {
// updateActiveSlideClass(activeSlide);
// updateScreen(activeSlide);
// scrollToActiveSlide(activeSlide);
// updateButtonStates(activeSlide);
// }, 300);
// };
// const updateButtonStates = (activeSlide) => {
// const prevButton = $(".carousel__btn.prev");
// const nextButton = $(".carousel__btn.next");
// prevButton.prop("disabled", !getSiblingSlide(activeSlide, "prev").length);
// nextButton.prop("disabled", !getSiblingSlide(activeSlide, "next").length);
// };
// const handleKeydown = (e) => {
// if (!$(e.target).closest(".carousel__slider").length) return;
// const activeSlide = getActiveSlide();
// const newActiveSlide = getNewActiveSlide(e.key, activeSlide);
// if (newActiveSlide) {
// e.preventDefault();
// updateCarousel(newActiveSlide);
// }
// };
// const handleButtonClick = (e) => {
// const activeSlide = getActiveSlide();
// const newActiveSlide = getSiblingSlide(
// activeSlide,
// $(e.currentTarget).hasClass("prev") ? "prev" : "next"
// );
// if (newActiveSlide) {
// updateCarousel(newActiveSlide);
// }
// };
// const handleCarouselClick = (e) => {
// const clickedSlide = $(e.target).closest(".carousel__slide");
// if (clickedSlide.length) {
// updateCarousel(clickedSlide);
// }
// };
// const initCarousel = () => {
// const prevButton = $(".carousel__btn.prev");
// const nextButton = $(".carousel__btn.next");
// updateCarousel(getFirstSlide());
// $(document).on("keydown", handleKeydown);
// prevButton.on("click", handleButtonClick);
// nextButton.on("click", handleButtonClick);
// $(".carousel__slider").on("click", handleCarouselClick);
// };
// initCarousel();
// })();
const Carousel = (() => {
// Helper Functions
const getActiveSlide = () => $(".carousel__slide.active");
const getFirstSlide = () => $(".carousel__slider").children().first();
const getLastSlide = () => $(".carousel__slider").children().last();
const getSiblingSlide = (slide, direction) =>
direction === "prev" ? $(slide).prev() : $(slide).next();
const getNewActiveSlide = (key, activeSlide) => {
const actions = {
Home: getFirstSlide,
End: getLastSlide,
ArrowLeft: () => getSiblingSlide(activeSlide, "prev"),
ArrowRight: () => getSiblingSlide(activeSlide, "next")
};
return actions[key]?.() || null;
};
// Core Update Functions
const updateActiveSlideClass = (activeSlide) => {
$(".carousel__slide.active").removeClass("active");
$(activeSlide).addClass("active");
};
const updateScreen = (activeSlide) => {
const carouselScreen = $(".image-display .screen");
const video = $(activeSlide).find("video").clone();
const img = $(activeSlide).find("img").clone();
const currentContent = carouselScreen.children().first();
const newSrc = video.length ? video.attr("src") : img.attr("src");
const currentSrc = currentContent.is("video") || currentContent.is("img") ? currentContent.attr("src") : null;
// Avoid clearing and updating if the content is unchanged
if (newSrc === currentSrc) {
return;
}
carouselScreen.empty();
if (video.length && video.attr("src")) {
carouselScreen.append(video);
video[0].play();
} else if (img.length && img.attr("src")) {
carouselScreen.append(img);
} else {
console.warn("No valid content found for the active slide.");
}
};
const scrollToActiveSlide = (activeSlide) => {
const carouselSlider = $(".carousel__slider");
const offsetLeft = $(activeSlide).position().left;
const offsetWidth = $(activeSlide).outerWidth();
const clientWidth = carouselSlider.outerWidth();
// Use animation only after ensuring the content is updated
setTimeout(() => {
carouselSlider.animate({
scrollLeft: offsetLeft - clientWidth / 2 + offsetWidth / 2
}, "smooth");
}, 10); // Short delay to ensure the content is updated
};
const updateButtonStates = (activeSlide) => {
const prevButton = $(".carousel__btn.prev");
const nextButton = $(".carousel__btn.next");
prevButton.prop("disabled", !getSiblingSlide(activeSlide, "prev").length);
nextButton.prop("disabled", !getSiblingSlide(activeSlide, "next").length);
};
const updateCarousel = (activeSlide) => {
updateActiveSlideClass(activeSlide);
updateScreen(activeSlide);
scrollToActiveSlide(activeSlide);
updateButtonStates(activeSlide);
};
// Event Handlers
const handleKeydown = (e) => {
if (!$(e.target).closest(".carousel__slider").length) return;
const activeSlide = getActiveSlide();
const newActiveSlide = getNewActiveSlide(e.key, activeSlide);
if (newActiveSlide) {
e.preventDefault();
updateCarousel(newActiveSlide);
}
};
const handleButtonClick = (e) => {
const activeSlide = getActiveSlide();
const newActiveSlide = getSiblingSlide(
activeSlide,
$(e.currentTarget).hasClass("prev") ? "prev" : "next"
);
if (newActiveSlide) {
updateCarousel(newActiveSlide);
}
};
const handleCarouselClick = (e) => {
const clickedSlide = $(e.target).closest(".carousel__slide");
if (clickedSlide.length) {
updateCarousel(clickedSlide);
}
};
// Initialization
const initCarousel = () => {
const prevButton = $(".carousel__btn.prev");
const nextButton = $(".carousel__btn.next");
const firstSlide = getFirstSlide();
// Properly initialize the carousel with the first slide
updateActiveSlideClass(firstSlide);
updateScreen(firstSlide);
updateButtonStates(firstSlide);
$(document).on("keydown", handleKeydown);
prevButton.on("click", handleButtonClick);
nextButton.on("click", handleButtonClick);
$(".carousel__slider").on("click", handleCarouselClick);
};
// Initialize the carousel
initCarousel();
})();
// const Carousel = (() => {
// const getActiveSlide = () => $(".carousel__slide.active");
// const getFirstSlide = () => $(".carousel__slider").children().first();
// const getLastSlide = () => $(".carousel__slider").children().last();
// const getSiblingSlide = (slide, direction) =>
// direction === "prev" ? $(slide).prev() : $(slide).next();
// const getNewActiveSlide = (key, activeSlide) => {
// const actions = {
// Home: getFirstSlide,
// End: getLastSlide,
// ArrowLeft: () => getSiblingSlide(activeSlide, "prev"),
// ArrowRight: () => getSiblingSlide(activeSlide, "next")
// };
// return actions[key]?.() || null;
// };
// const updateScreen = (activeSlide) => {
// const carouselScreen = $(".image-display .screen");
// const img = $(activeSlide).find("img").clone();
// carouselScreen.empty().append(img);
// };
// const scrollToActiveSlide = (activeSlide) => {
// const carouselSlider = $(".carousel__slider");
// const offsetLeft = $(activeSlide).position().left;
// const offsetWidth = $(activeSlide).outerWidth();
// const clientWidth = carouselSlider.outerWidth();
// carouselSlider.animate({
// scrollLeft: offsetLeft - clientWidth / 2 + offsetWidth / 2
// }, "smooth");
// };
// const updateActiveSlideClass = (activeSlide) => {
// $(".carousel__slide.active").removeClass("active");
// $(activeSlide).addClass("active");
// };
// const updateCarousel = (activeSlide) => {
// updateActiveSlideClass(activeSlide);
// updateScreen(activeSlide);
// scrollToActiveSlide(activeSlide);
// updateButtonStates(activeSlide);
// };
// const updateButtonStates = (activeSlide) => {
// const prevButton = $(".carousel__btn.prev");
// const nextButton = $(".carousel__btn.next");
// prevButton.prop("disabled", !getSiblingSlide(activeSlide, "prev").length);
// nextButton.prop("disabled", !getSiblingSlide(activeSlide, "next").length);
// };
// const handleKeydown = (e) => {
// if (!$(e.target).closest(".carousel__slider").length) return;
// const activeSlide = getActiveSlide();
// const newActiveSlide = getNewActiveSlide(e.key, activeSlide);
// if (newActiveSlide) {
// e.preventDefault();
// updateCarousel(newActiveSlide);
// }
// };
// const handleButtonClick = (e) => {
// const activeSlide = getActiveSlide();
// const newActiveSlide = getSiblingSlide(
// activeSlide,
// $(e.currentTarget).hasClass("prev") ? "prev" : "next"
// );
// if (newActiveSlide) {
// updateCarousel(newActiveSlide);
// }
// };
// const handleCarouselClick = (e) => {
// const clickedSlide = $(e.target).closest(".carousel__slide");
// if (clickedSlide.length) {
// updateCarousel(clickedSlide);
// }
// };
// const initCarousel = () => {
// const prevButton = $(".carousel__btn.prev");
// const nextButton = $(".carousel__btn.next");
// updateCarousel(getFirstSlide());
// $(document).on("keydown", handleKeydown);
// prevButton.on("click", handleButtonClick);
// nextButton.on("click", handleButtonClick);
// $(".carousel__slider").on("click", handleCarouselClick);
// };
// initCarousel();
// })();
</script>
<script>
$(document).on('click', '.quantity_plus', function(e) {
let quantity = $('.quantity_section').val();
let current_quantity = parseFloat(quantity) + 1;
$('.quantity_section').val(current_quantity);
updatePrice();
updateTotal();
});
$(document).on('click', '.quantity_mine', function(e) {
let quantity = $('.quantity_section').val();
let current_quantity = parseFloat(quantity) - 1;
if (current_quantity < 1) {
current_quantity = 1;
}
$('.quantity_section').val(current_quantity);
updatePrice();
updateTotal();
});
function updatePrice() {
let quantity = parseFloat($('.quantity_section').val());
let unitPrice = $('.totalprice').attr('data-price');
let newTotalPrice = (unitPrice * quantity).toFixed(2);
$('.totalprice').text(`${newTotalPrice}`);
}
function updateTotal() {
let total = 0;
$('.totalprice').each(function() {
let value = parseFloat($(this).text().replace('$', ''));
if (!isNaN(value)) {
total += value;
}
});
$('.sub-total').text(total.toFixed(2));
}
</script>
<script>
$(document).on('click','.col-link-btn',function(e){
let data = $(this).attr('data-col');
$('.res-col-btn').removeClass('col-lg-6 col-lg-4 col-lg-3');
if(data == 2){
$('.res-col-btn').addClass('col-lg-6');
}else if(data == 3){
$('.res-col-btn').addClass('col-lg-4');
}
else if(data == 4){
$('.res-col-btn').addClass('col-lg-3');
}
});
</script>
<script>
$(document).ready(function () {
$(document).on('click', '.qty-add-itme', function(e) {
let quantity = $('.quantity_section_item').val();
let current_quantity = parseFloat(quantity) + 1;
$('.quantity_section_item').val(current_quantity);
updatePrice();
updateTotal();
});
$(document).on('click', '.qty-reduce-itme', function(e) {
let quantity = $('.quantity_section_item').val();
let current_quantity = parseFloat(quantity) - 1;
if (current_quantity < 1) {
current_quantity = 1;
}
$('.quantity_section_item').val(current_quantity);
updatePrice();
updateTotal();
});
function updatePrice() {
let quantity = parseFloat($('.quantity_section_item').val());
let unitPrice = $('.totalprice_item').attr('data-price');
let newtotalprice_item = (unitPrice * quantity).toFixed(2);
$('.totalprice_item').text('$'+newtotalprice_item);
}
});
</script>
<script>
$(document).on('keyup', '#search-field-input', function () {
const name = $(this).val().trim();
if (name.length === 0) {
$('#search-field-input-product').addClass('d-none');
$('#search-field-input-product-category').removeClass('d-none');
return;
}
$.ajax({
type: 'GET',
url: '<?php echo e(route('front.search.product')); ?>',
data: { name: name },
success: function (res) {
if (res.status === 'success') {
let html = '';
if (res.data.length > 0) {
$.each(res.data, function (index, product) {
let product_url = '<?php echo e(route('front.product.solo', ':slug')); ?>'
.replace(':slug', product.slug);
html += `
<div class="col-lg-3 col-md-4 col-6 res-p">
<div class="product-ads-card mb-2 mb-md-3">
<div class="product-changeimg">
<a href="${product_url}">
<img src="assets/images/${product.photo}"
alt="${product.name}"
class="product-changeimg-first-img">
</a>
</div>
<div class="mt-1">
<div class="position-relative">
<p class="name-tilte">${product.category.name}</p>
<h6 class="name-tilte-h name-tilte-h2">
<a href="${product_url}">${product.name}</a>
</h6>
<div class="d-flex mt-2">
<p style="font-size: 1rem;">${product.previous_price}</p>
</div>
</div>
</div>
</div>
</div>`;
});
// Clear previous results and display new ones
$('#search-field-input-product')
.html(html) // Replaces existing content
.removeClass('d-none');
$('#search-field-input-product-category').addClass('d-none');
} else {
showNoResults();
}
} else {
showNoResults();
}
}
});
function showNoResults() {
$('#search-field-input-product').addClass('d-none');
$('#search-field-input-product-category').removeClass('d-none');
}
});
$(document).on('click', '.cart-items-btn', function (e) {
e.preventDefault();
let wishlist_url = $(this).attr('data-item-url');
console.log(wishlist_url);
$.ajax({
type: "GET",
url: wishlist_url,
success: function (response) {
if (response.status == 'success') {
const cartItems = response.data;
let html = '';
$.each(cartItems, function(index, item) {
let imageUrl = item.photo ? '<?php echo e(asset("assets/images/")); ?>/' + item.photo : '<?php echo e(asset("assets/images/no-image.png")); ?>';
html = ` <div class="cart-item d-flex position-relative mb-3">
<div class="position-relative">
<a href="#"><img src="https://uomo-html.flexkitux.com/images/cart-item-1.jpg" alt="" class="img-fluid"></a>
</div>
<div class="cart-item-info flex-grow-1 ms-3">
<h6>Zessi Dresses</h6>
<p class="m-0 text-secondary">Color: Yellow</p>
<p class="m-0 text-secondary">Size: L</p>
<div class="d-flex align-items-center justify-content-between mt-1">
<div class="position-relative" style="width: 3.375rem;">
<input type="number" value="1" class="qty border-0 text-center qty-solo-product quantity_section">
<div class="qty-mine text-start quantity_mine">-</div>
<div class="qty-add text-end quantity_plus">+</div>
</div>
<span style="font-size: 1.125rem;" class="totalprice" data-price="99">$99</span>
</div>
</div>
</div> `;
$('#cart-items-section').html(html);
});
}else {
successNotification(response.message);
}
},
error: function (xhr, status, error) {
dangerNotification(error);
}
});
});
</script>
<script>
$(document).ready(function() {
$('.hover-product-content-color').on('click', function(e) {
e.preventDefault();
$('.hover-product-content-color').removeClass('active');
$(this).addClass('active');
});
});
</script>
<script>
$(document).on('click','.show-sub-category',function(e){
let id = $(this).attr('data-id');
let activeClass = $(this).attr('data-name');
let $this = $(this);
e.preventDefault();
$.ajax({
type:'GET',
url:'<?php echo e(route('front.sub.category.show')); ?>',
data:{
id:id
},
success:function(res){
if (res.status == 'success') {
let html = '';
if (res.data.length > 0) {
$.each(res.data, function(index, value) {
let category_id = '<?php echo e(route('front.all.category', ':category_id')); ?>'.replace(':category_id', value.category_id);
html += `
<li class="get-all-subCategory-list-li">
<a href="${category_id}" > <span> ${value.name} </span> </a>
</li>
`;
});
$('.show-sub-category').removeClass(activeClass);
$this.addClass(activeClass);
$('#get-all-subCategory').removeClass('d-none');
$('#get-all-subCategory').empty();
$('#get-all-subCategory').append(html);
} else {
$('#get-all-subCategory').addClass('d-none');
$('.show-sub-category').removeClass(activeClass);
}
} else {
$('#get-all-subCategory').addClass('d-none');
$('.show-sub-category').removeClass(activeClass);
}
}
})
})
</script>
<script>
$(document).on('keyup','#moblie-inputsearch-result-product',function(e){
let name = $(this).val();
$.ajax({
type:'GET',
url:'<?php echo e(route('front.search.product')); ?>',
data:{
name:name
},
success:function(res){
if (res.status == 'success') {
let html = '';
if (res.data.length > 0) {
$.each(res.data, function(index, value) {
let product_id = '<?php echo e(route('front.product.solo', ':product_id')); ?>'.replace(':product_id', value.id);
html += `
<div class="inputsearch-result-product">
<div class="row">
<div class="col-4">
<div class="inputsearch-result-product-img">
<a href="${product_id}"> <img src="assets/images/${value.photo}" alt=""
class="w-100" height="162">
</a>
</div>
</div>
<div class="col-8">
<div class="inputsearch-result-product-des">
<p>${value.category.name}</p>
<h6> <a href="${product_id}">${value.name} </a></h6>
<span style="font-size: 1rem">$${value.previous_price}</span>
</div>
</div>
</div>
</div>
`;
});
$('#moblie-inputsearch-result-product-get').removeClass('d-none');
$('#moblie-inputsearch-result-product-get').append(html);
} else {
$('#moblie-inputsearch-result-product-get').addClass('d-none');
}
} else {
$('#moblie-inputsearch-result-product-get').addClass('d-none');
}
}
})
});
</script>
<script>
$(document).ready(function() {
$(window).on('scroll', function() {
var scrollPosition = $(window).scrollTop();
if (scrollPosition > 100) {
$('#header-mobile-v').addClass('bg-trans');
// $('.header_top_sec').addClass('bg-trans');
}else{
$('#header-mobile-v').removeClass('bg-trans');
// $('.header_top_sec').removeClass('bg-trans');
}
});
});
</script>
<script>
$(document).on('click','.remove-account',function(e){
e.preventDefault();
$('#remove-accountModal').modal('show');
});
</script>
<script>
$(document).on('click','.color_select222',function(e){
e.preventDefault();
let color = $(this).attr('data-color');
$('.hover-product-content-color2').removeClass('active');
$(this).addClass('active');
$('.new-color-select').val(color);
});
$(document).on('click','.brands_select',function(e){
let brands = $(this).attr('data-id');
$('.new-brand-select').val(brands);
});
$(document).on('click', '.chose-size', function(e) {
let size = $(this).text();
$('#chose-sizes').val(size);
$('.chose-size').removeClass('active');
$(this).addClass('active');
});
$(document).on('click', '.sub-pro-Categories', function(e) {
let sub_pro_category_id = $(this).attr('data-id');
console.log(sub_pro_category_id);
$('#sub-pro-Category-new').val(sub_pro_category_id);
$('.sub-pro-Categories').removeClass('active');
$(this).addClass('active');
});
$(document).on('click', '#sort', function(e) {
var sortOption = $('#sort').val();
$('#new-sort').val(sortOption);
$('#filter-pro').trigger('click');
});
$(document).on('click', '#filter-pro', function(e) {
e.preventDefault();
let url = $(this).attr('data-url');
let size = $('#chose-sizes').val();
let min = $('#min').val();
let max = $('#max').val();
let brands = $('.new-brand-select').val();
let color = $('.new-color-select').val();
let sub_category_id = $('#sub-pro-Category-new').val();
let sort = $('#new-sort').val();
$.ajax({
type: 'GET',
url: url,
data: {
min: min,
max: max,
size:size,
brands:brands,
color:color,
sub_category_id:sub_category_id,
sort:sort,
},
success: function(res) {
if (res.status == 'success') {
let html = '';
$.each(res.data, function(index, value) {
let item_id = '<?php echo e(route('front.product.solo', ':item_id')); ?>'.replace(':item_id', value.id);
let html_g = '';
if (value.galleries && value.galleries.length > 0 ) {
value.galleries.forEach(function (gally, index) {
let isActive = index === 0 ? 'active' : '';
html_g += `
<div class="carousel-item ${isActive}">
<a href="${item_id}">
<img class="d-block w-100" src="/assets/images/${gally.photo}" alt="Slide">
</a>
</div>
`;
});
}else{
html_g = `
<div class="carousel-item active">
<a href="">
<img class="d-block w-100" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAACUCAMAAADoITZaAAAAWlBMVEXx8/JmZmb19/ZbW1v+//9hYWHd397t7+6Fh4aTk5OmqKf5+/rO0M/19fVYWFjl5+Z6enrU1tVtbW2urq6goaHGyMe0trW9vr2ZmZmLjIxycnJRUVGAgYBLS0vn54ofAAAGP0lEQVR4nO2ci5ajKBBAtRRQQfGJj7j//5tbmGSiRk2cTsTe5Z4znT6JznADVRSo4zgWi8VisVgsFovFYrFYLBaLxWKxWCwWi8WiAZ9/ER8ONHE4bYIv0lB+oE5xSbxvcikOU4mFR/Lwi+TEq47qGt57eca+SJZ7gX+QjJ945Te/OIDS8w6Uib47CiIvOU4m+S/J/Kd6xsrswMr8Hf8PGYAPOZqX4Y6kEn9+ANMyAHXYp0FYf6J3DMuAbIlHNAH7uY1ZGZC9517xUvljG8My5d3FdUn043/BqAxI4j5kcrrZNYAL4xeBZVSG18lDxk22VlYAUjVl5WzamJUZjTKUidbzM7AiwSX3Jd9cSp5IxtuSuR1J3GpjRjIroybDrF791nl1tybuRgo3nABGMsRdTQDAHj3oBSeVcaAZpeZy7URw2lHW89SqjWEZmt6bSdL1jlEjF9fNs3jlQNPlDO083VKS5HKtiUDziQxpWbx8rPFCkxdpl3e9Wp0PwUknLpgpypWMZloGM1VMMxqvJ1xeJu6Mi1g+3LzMi8UZr8jcBeNLLtqcQWaLUYoY2zSLdc3JZYCF3rPLWn4+uQyvF/rFXZthzy2Da4RlGQybhWafW4b1Ky7LZempZSBadUGeVwNnlonFhopL+qdNgxPLAFvKyqOB9lQInFcGeLuYlR9c6pnNGWRgsQTg1WXbxSVklp/NywBQkbGnK/hYT79wGernyWnGZWIa4BSYl/P6hIWbAXMLGzVZC5iWAXEZGo3rmclnULwImFvfiPFZphdnlXvrANKPAwCyN/pFn9WNe9SsDK8ei8jxvPG8IFtjslAzu9UkvMn+7J9whvKtQTacNdpIMykDYtpk0t32AWClVl6U6R7D06AMiHzesGvcYFZ+X8Yl4Z+/0ZwMz/KnJpPhIg0Pdrhgfi7uBqZkcKpcmuCJxwCyV1P/jMt9oBmTWamI9V4gV+6uriE9i03K8GwtLDBu4tkW5mubCIZtQTMyPFv/7knK+PTywBsIczKcJhtfPXEl+Gpt8b98Si61jQkZzGPbTdsfN16rp04DMvFqvPyxwcpmZ9x4uFCD42Vi+vo7x2ED06u3L8kzOL5ngL4TDbqy8dUeGX2Lx9Ey6zl51jaMG9gVNyTiB8vwt8suXdnE9dvFM+JlxaEyxep264KNy2K+yyZvyIEyJNxVDqdUx82eM9wDZdy9NRfdm6EPldmHvkIGu0baiWVcQrCyiXbYnFlGxw1/b9PpaJk90f+wCbcLuRlHyeyu6286O45N1Efuwn0DYK33F33zPsRr2UEu+gpl1JEvkkart6x8w8aR9ItI50AX53op5nscqmKxWH4KTF4eb//CWAZGh1mOze/qodREc34GZBd9LzOIbvZB89VHbb8DiIu+9gdZPhtohTLUoh8AIu8rfpPRT2HcP8DfAGLOIcYfelofHtFwrr8AH79xGkD0KvWvMkCbVt0vamYUqJBlW/MsbIU2U21Dub46ja+VBM6KoPjAs1AfBEQq8wwGGUqiKrg9qwVlwUWe1yoP0rpIBOdBX5WEAtT6TZJxmTYi7M8mE6uAaxkeRj7nff2QIZnvqwS43zScJZL7qeLgVr5feZSrFgdbKs5kgzKOQyhHGUff1APF9XkAlMERqLfNOt/hRchZhQvVUHHqShyPXQahwpBCZcMCY1CG8aZEmZh6WL9D3Q7vx4OM3jvPrzKYEXxJFBcd0w/dZU5QS8nKtTvPjaBlQHY0yyHzhvAOhkl0kElHMjGr0y5VfpXq57WCzOnzDjmfDA6ZQUbPnvWKjBOkFW8eMqwXw/80Y1pgzFVGBCIH6rHZMBvJ+BXBBBAqH0sFGIZZX0EMdPvxwYPRMnqfo0kdhnkAAz+6Z7NJzPhF7zt+q7jU6Zl2FHsTp9PmdAlgeMCxx9Tc4HfeiUdqHstUOYvZPwXnXQGxSiivsd+ovlh2Hq4ywNIec1QaFsHtIVoo1U3mnprTIGrDjmI6a8o+zzhrgqhvTrVSwCWAfol1xQ+yVuJeoEg5fARSTz5SxrGsa8oE6lFVZX0GMRN4tMm2PwOPxdlkf0X/ArcP9J/4BoQZx1mJYgGKCcBMmz8GlH0l0tXHBn8ZTLWP2vq3A8DYqcLeYrFYLBaLxWKx/Dr+BepXbLyjA5BjAAAAAElFTkSuQmCC" alt="Default slide">
</a>
</div>
`;
}
html += `
<div class="col-lg-3 col-md-4 col-6 res-col-btn">
<div class="wishlist-item">
<div class="wishlist-item-img">
<div id="carouselExampleControls${value.id}" class="carousel carousel2 slide" data-bs-ride="carousel">
<div id='appent_carousel' class="carousel-inner">
${html_g}
</div>
<button type="button" class="carousel-control-prev carousel-control-prev4" data-bs-target="#carouselExampleControls${value.id}" data-bs-slide="prev">
<i class="far fa-angle-left carousel-control-icon"></i>
</button>
<button type="button" class="carousel-control-next carousel-control-prev4" data-bs-target="#carouselExampleControls${value.id}" data-bs-slide="next">
<i class="far fa-angle-right carousel-control-icon"></i>
</button>
</div>
<a data-target="${value.id}" href="javascript:;" title="<?php echo e(__('To Cart')); ?>" class="btn items-to-cart position-absolute border-0 text-uppercase add_to_single_cart">ADD TO CART</a>
</div>
<div class="mt-3 position-relative carousel-item-header-des">
<p>${value.category.name}</p>
<h6><a href="${item_id}">${value.name}</a></h6>
${value.previous_price > 0 ? `
<span class="me-2" style="text-decoration: line-through">${value.previous_price}</span>
<span class="text-danger">${value.discount_price}</span>
` : `
<p>${value.discount_price}</p>
`}
<div class="d-flex align-items-center">
<div class="d-flex">
<i class="fa fa-star stars"></i>
<i class="fa fa-star stars"></i>
<i class="fa fa-star stars"></i>
<i class="fa fa-star stars"></i>
<i class="fa fa-star stars"></i>
</div>
<span class="text-lowercase text-secondary ml-1" style="font-size: 0.875rem;">8k+ reviews</span>
</div>
</div>
</div>
</div>`;
});
$('#products-fil').empty().append(html);
} else {
}
}
});
});
$(document).on('keyup','#search-brand',function(e){
let name = $(this).val();
let category_id = $(this).attr('data-category_id');
$.ajax({
type:'GET',
url: '<?php echo e(route('front.brands.search')); ?>',
data:{
name:name,
category_id:category_id,
},
success:function(res){
console.log(res);
if (res.status == 'success') {
let html = '';
let item_count = 0;
if (res.data.length > 0) {
$.each(res.data, function(index, value) {
html += `
<li class="d-flex align-items-center">
<input type="radio" name="brands" data-id="${value.id }" class="brands_select" id="brands_${value.id }">
<label for="brands_${value.id }" class="ms-2 me-auto mb-0">${value.name }</label>
<p class="text-secondary mb-0">${value.product_count}</p>
</li>
`;
});
$('#brands-list').removeClass('d-none');
$('#brands-list').empty().append(html);
} else {
$('#brands-list').addClass('d-none');
}
} else {
$('#brands-list').addClass('d-none');
}
}
})
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const swiper_product_item = new Swiper(".product-swiper", {
loop: true,
slidesPerView: 1,
spaceBetween: 10,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
});
</script>
<script>
function isIOS() {
return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
}
document.addEventListener('DOMContentLoaded', function () {
if (isIOS()) {
var videoElement = document.getElementById('product-video');
if (videoElement) {
videoElement.muted = true;
}
}
});
</script>
</body>
</html><?php /**PATH /Users/user/Desktop/Mines/Picotech-P/ecommerce1/core/resources/views/master/front.blade.php ENDPATH**/ ?>
|