obanana_b2b_test/header.php

1232 lines
84 KiB
PHP
Raw Normal View History

2024-02-12 10:35:09 +08:00
<?php ?>
<header class="ec-header">
<style>
/*---- Newsletter Page On load Style ----*/
#ec-popnews-bg2 {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 99;
}
#ec-popnews-box-content2 {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#ec-popnews-box2 {
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
color: #444444;
width: 100%;
max-width: 700px;
padding: 30px;
border: 0;
display: none;
z-index: 100;
text-align: center;
border-radius: 5px;
background-image: url("./assets/images/email-template/newsletter-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
#ec-popnews-box2 h2 {
text-decoration: none;
color: #444;
display: block;
font-size: 22px;
line-height: 33px;
font-weight: 600;
margin: 0 auto 10px;
letter-spacing: 0;
text-transform: capitalize;
}
#ec-popnews-box2 p {
margin-bottom: 20px;
color: #777;
}
#ec-popnews-box2 form {
margin-bottom: 0px;
}
#ec-popnews-box2 input {
height: 45px;
background-color: transparent;
border: 1px solid #ededed;
color: #444444;
font-size: 14px;
margin-bottom: 20px;
padding: 0 15px;
width: 100%;
outline: none;
background-color: #fff;
border-radius: 30px;
}
#ec-popnews-box2 button {
height: 40px;
line-height: 42px;
font-size: 16px;
text-transform: uppercase;
border-radius: 30px;
}
#ec-popnews-close2 {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
width: 30px;
height: 30px;
color: #777;
border-color: #3474d4;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
line-height: 1;
}
</style>
<!--Ec Header Top Start -->
<div class="header-top">
<div class="container">
<div class="row align-items-center">
<!-- Header Top social Start -->
<div class="col text-left header-top-left d-none d-lg-block">
<div class="header-top-social">
<span class="social-text text-upper">Follow us on:</span>
<ul class="mb-0">
<li class="list-inline-item"><a class="hdr-facebook" href="https://www.facebook.com/ObananaPH/" target="_blank"><i class="ecicon eci-facebook"></i></a></li>
<li class="list-inline-item"><a class="hdr-twitter" href="https://twitter.com/obananac?lang=en" target="_blank"><i class="ecicon eci-twitter"></i></a></li>
<li class="list-inline-item"><a class="hdr-instagram" href="https://www.instagram.com/obananaph/" target="_blank"><i class="ecicon eci-instagram"></i></a></li>
<li class="list-inline-item"><a class="hdr-linkedin" href="https://ph.linkedin.com/company/obananaph" target="_blank"><i class="ecicon eci-linkedin"></i></a></li>
</ul>
</div>
</div>
<!-- Header Top social End -->
<!-- Header Top Message Start -->
<div class="col text-center header-top-center">
<div class="header-top-message text-upper">
<span>Free Shipping</span>This Week Order Over - $75
</div>
</div>
<!-- Header Top Message End -->
<!-- Header Top Language Currency -->
<div class="col header-top-right d-none d-lg-block">
<div class="header-top-lan-curr d-flex justify-content-end">
<!-- Download Modal -->
<div class="header-top-download">
<button class="text-upper" onclick="displayPopup()">Download App <i aria-hidden="true"></i></button>
</div>
<script>
function displayPopup() {
// Show the pop-up
$("#ec-popnews-bg2").fadeIn();
$("#ec-popnews-box2").fadeIn();
$("#ec-popnews-close2").click(() => {
$("#ec-popnews-bg2").fadeOut();
$("#ec-popnews-box2").fadeOut();
var dataValue = true;
ecCreateCookie('ecPopNewsLetter', dataValue, 1);
});
$("#ec-popnews-bg2").click(() => {
$("#ec-popnews-bg2").fadeOut();
$("#ec-popnews-box2").fadeOut();
var dataValue = true;
ecCreateCookie('ecPopNewsLetter', dataValue, 1);
});
}
</script>
<!-- Newsletter Modal Start -->
<div id="ec-popnews-bg2"></div>
<div id="ec-popnews-box2">
<div id="ec-popnews-close2"><i class="ecicon eci-close"></i></div>
<div class="row">
<div class="col-md-6 disp-no-767">
<img src="../assets/images/img-1.png" alt="newsletter">
</div>
<div class="col-md-6">
<div id="ec-popnews-box-content2">
<h2>Download ObananaPay Now</h2>
<p>Enjoy promos, discounts and more when you download, register and pay with ObananaPay.</p>
<div class="obpay-download">
<a href="https://play.google.com/store/apps/details?id=com.obanana.pay2" target="_blank">
<img src="../assets/images/playstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
</a>
<a href="https://apps.apple.com/ph/app/obananapay/id6447606481" target="_blank">
<img src="../assets/images/appstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter Modal end -->
<!-- Download Modal -->
<!-- Language Start -->
<!-- <div class="header-top-lan dropdown">
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Language <i
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
<ul class="dropdown-menu">
<li class="active"><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">Italiano</a></li>
</ul>
</div> -->
<!-- Language End -->
</div>
</div>
<!-- Header Top Language Currency -->
<!-- Header Top responsive Action -->
<div class="col d-lg-none ">
<div class="ec-header-bottons">
<!-- Header User Start -->
<div class="ec-header-user dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i class="fi-rr-user"></i></button>
<ul class="dropdown-menu dropdown-menu-right">
<?php
if ($_SESSION["isLoggedIn"]) {
?><?php
if ($_SESSION["isVendor"]) {
?>
<li><a class="dropdown-item" href="vendor-settings.php">My Account</a></li>
<?php
} else {
?>
<li><a class="dropdown-item" href="user-profile.php">My Account</a></li>
<?php
}
?>
<li><a class="dropdown-item" href="logout.php">Logout</a></li>
<?php
} else {
?>
<li><a class="dropdown-item" href="register.php">Register</a></li>
<li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
<li><a class="dropdown-item" href="login.php">Login</a></li>
<?php
}
?>
</ul>
</div>
<!-- Header User End -->
<!-- Header Cart Start -->
<a href="wishlist.php" class="ec-header-btn ec-header-wishlist">
<div class="header-icon"><i class="fi-rr-heart"></i></div>
<span class="ec-header-count">0</span>
</a>
<!-- Header Cart End -->
<!-- Header Cart Start -->
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
<div class="header-icon"><i class="fi-rr-shopping-bag"></i></div>
<span class="ec-header-count cart-count-lable">0</span>
</a>
<!-- Header Cart End -->
<a href="javascript:void(0)" class="ec-header-btn ec-sidebar-toggle">
<i class="fi fi-rr-apps"></i>
</a>
<!-- Header menu Start -->
<a href="#ec-mobile-menu" class="ec-header-btn ec-side-toggle d-lg-none">
<i class="fi fi-rr-menu-burger"></i>
</a>
<!-- Header menu End -->
</div>
</div>
<!-- Header Top responsive Action -->
</div>
</div>
</div>
<!-- Ec Header Top End -->
<!-- Ec Header Bottom Start -->
<div class="ec-header-bottom d-none d-lg-block">
<div class="container position-relative">
<div class="row">
<div class="ec-flex">
<!-- Ec Header Logo Start -->
<div class="align-self-center">
<div class="header-logo">
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
<!-- Ec Header Search Start -->
<div class="align-self-center">
<div class="header-search">
<form class="ec-btn-group-form" action="search_product_action.php">
<input class="form-control ec-search-bar" name="searchText" placeholder="Search products..." type="text" required>
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
</form>
</div>
</div>
<!-- Ec Header Search End -->
<!-- Ec Header Button Start -->
<div class="align-self-center">
<div class="ec-header-bottons">
<!-- Header User Start -->
<div class="ec-header-user dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i class="fi-rr-user"></i></button>
<ul class="dropdown-menu dropdown-menu-right">
<?php
if ($_SESSION["isLoggedIn"]) {
?><?php
if ($_SESSION["isVendor"]) {
?>
<li><a class="dropdown-item" href="vendor-settings.php">My Account</a></li>
<?php
} else {
?>
<li><a class="dropdown-item" href="user-profile.php">My Account</a></li>
<?php
}
?>
<li><a class="dropdown-item" href="logout.php">Logout</a></li>
<?php
} else {
?>
<li><a class="dropdown-item" href="register.php">Register</a></li>
<li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
<li><a class="dropdown-item" href="login.php">Login</a></li>
<?php
}
?>
</ul>
</div>
<!-- Header User End -->
<!-- Header wishlist Start -->
<a href="wishlist.php" class="ec-header-btn ec-header-wishlist">
<div class="header-icon"><i class="fi-rr-heart"></i></div>
<span class="ec-header-count">
<p id="wishItemCount">0</p>
</span>
</a>
<!-- Header wishlist End -->
<!-- Header Cart Start -->
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
<div class="header-icon"><i class="fi-rr-shopping-bag"></i></div>
<span class="ec-header-count cart-count-lable">
<p id="cartItemCount">0</p>
</span>
</a>
<div class="ec-side-cart-overlay"></div>
<div id="ec-side-cart" class="ec-side-cart">
<div class="ec-cart-inner">
<?php
if ($_SESSION["isLoggedIn"] && $customer_data) {
$customer = $customer_data[0];
$orders = getOrderbyCustomerId($customer['_id']);
$totalAmount = 0;
if ($orders) {
$order_data = json_decode($orders, true);
$_SESSION['cart_items'] = $order_data;
?>
<div class="ec-cart-top">
<div class="ec-cart-title">
<span class="cart_title">My Cart</span>
<button class="ec-close">×</button>
</div>
<ul class="eccart-pro-items">
<?php
//var_dump($order_data[0]['items'][0]['product']);
foreach ($order_data as $order) {
// Ensure that the required data is available before accessing it
if (isset($order['status']) && $order['status'] === 'CART' && isset($order['items'][0]['product'])) {
$totalAmount += $order['total_amount'];
$product = getProduct($order['items'][0]['product']['product_id']);
$product_data = json_decode($product, true);
?>
<li id="order_<?php echo $order['_id'] ?>">
<a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>" class="sidekka_pro_img"><img src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></a>
<div class="ec-pro-content">
<a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>" class="cart_pro_title"><?php echo $order['items'][0]['product']['name']; ?></a>
<span class="cart-price">Unit Price: <span><?php echo $order['items'][0]['price']; ?></span></span>
<div class="cart-price">
<span class="subtotal-<?php echo $order['_id']; ?>">Subtotal: <?php echo $order['total_amount'] ?></span>
</div>
<!-- 02-16-2024 Stacy added style -->
2024-02-20 15:01:07 +08:00
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>')">-</div>
<input style="width:100px; height:40px" id="qty-input-<?php echo $order['items'][0]['_id']; ?>" class="qty-input" type="number" name="ec_qtybtn" value="<?php echo $order['items'][0]['quantity']; ?>" oninput="handleQtyInput(this, '<?php echo $order['_id']; ?>', '<?php echo $order['items'][0]['_id']; ?>')" />
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>', false)">+</div>
<!-- <a class="remove">x</a> -->
<!-- <a href="#" class="removeCart" onclick="deleteOrder('<?php #echo $order['_id']; ?>')">x</a> -->
<a href="#" class="removeCart" onclick="deleteOrder('<?php echo $order['_id']; ?>')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
2024-02-12 10:35:09 +08:00
</div>
<!-- 02-16-2024 Stacy added style -->
2024-02-12 10:35:09 +08:00
</div>
</li>
<?php
}
}
}
} else {
echo '<li>No items in the cart</li>';
}
?>
</ul>
</div>
<script>
var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
var password = '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
function login(username, password, callback) {
fetch("https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/login", {
2024-02-12 10:35:09 +08:00
method: "POST",
headers: {
"Content-Type": "application/json",
"X-Api-Key": "{{apiKey}}"
},
body: JSON.stringify({
username: username,
password: password
})
})
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error("Unable to login");
}
})
.then(data => {
fetch("update-token-session.php", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
token: data.token
})
})
.then(response => response.json())
.then(result => {
if (result.status === 'success') {
sessionToken = data.token;
console.log("New Token:", sessionToken);
callback(sessionToken);
} else {
throw new Error("Unable to update session token");
}
});
})
.catch(error => {
console.error("Error:", error.message);
});
}
let myLatestOrders = [];
function handleQtyInput(input, orderId, itemId, isFloat) {
login(email, password, function(token) {
var newQuantity = parseInt(input.value);
updateQuantity(orderId, itemId, newQuantity, isFloat, token);
})
}
function qtyIncrement(orderId, itemId, isFloat) {
login(email, password, function(token) {
var qtyInput = document.getElementById('qty-input-' + itemId);
var newQuantity = parseInt(qtyInput.value) + 1;
qtyInput.value = newQuantity;
updateQuantity(orderId, itemId, newQuantity, isFloat, token);
});
}
function qtyDecrement(orderId, itemId, isFloat) {
login(email, password, function(token) {
var qtyInput = document.getElementById('qty-input-' + itemId);
var newQuantity = parseInt(qtyInput.value) - 1;
qtyInput.value = newQuantity;
if (newQuantity >= 1) {
updateQuantity(orderId, itemId, newQuantity, isFloat, token);
}
})
}
function updateQuantity(orderId, itemId, newQuantity, isFloat, token) {
console.log(isFloat)
// const token = '<?php echo $_SESSION["token"] ?>';
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}/items/${itemId}`, {
2024-02-12 10:35:09 +08:00
method: 'PUT',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token,
},
body: JSON.stringify({
quantity: newQuantity
})
})
.then(response => response.json())
.then(data => {
if (data && data !== "") {
// Quantity updated successfully, update the UI
// document.getElementById('qty-input').value = newQuantity;
if (isFloat === true) {
document.getElementById('qty-input-' + itemId).value = newQuantity;
updateFloatTotalAmount(orderId, token);
} else {
document.getElementById('qty-input-' + itemId).value = newQuantity;
updateTotalAmount(orderId, token);
}
} else {
alert('Error updating quantity: ' + data.status);
}
})
.catch(error => console.error('Error:', error));
}
function updateFloatTotalAmount(orderId, token) {
// Fetch the order data
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`)
2024-02-12 10:35:09 +08:00
.then(response => response.json())
.then(orderData => {
console.log("This is the OrderData: " + JSON.stringify(orderData, null, 2));
if (orderData && orderData !== "") {
// Calculate the new total amount based on the updated quantities
let newTotalAmount = orderData.items.reduce((total, item) => {
return total + (item.quantity * item.price);
}, 0);
// Update the total amount in the UI
document.getElementById(`subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
// document.getElementById(`cart-price subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
// Perform the PATCH request to update the total amount in the API
// const token = '<?php echo $_SESSION["token"] ?>';
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
2024-02-12 10:35:09 +08:00
method: 'PATCH',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token,
},
body: JSON.stringify({
total_amount: newTotalAmount
})
})
.then(response => response.json())
.then(data => {
if (data && data !== "") {
getLatestOrders()
} else {
alert('Error updating total amount: ' + data.status);
}
})
.catch(error => console.error('Error:', error));
} else {
alert('Error fetching order data');
}
})
.catch(error => console.error('Error:', error));
}
function updateTotalAmount(orderId, token) {
// Fetch the order data
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`)
2024-02-12 10:35:09 +08:00
.then(response => response.json())
.then(orderData => {
if (orderData && orderData !== "") {
// Calculate the new total amount based on the updated quantities
let newTotalAmount = orderData.items.reduce((total, item) => {
return total + (item.quantity * item.price);
}, 0);
// Update the total amount in the UI
document.querySelector(`.cart-price .subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
// document.getElementById(`cart-price subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
// Perform the PATCH request to update the total amount in the API
// const token = '<?php echo $_SESSION["token"] ?>';
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
2024-02-12 10:35:09 +08:00
method: 'PATCH',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token,
},
body: JSON.stringify({
total_amount: newTotalAmount
})
})
.then(response => response.json())
.then(data => {
if (data && data !== "") {
// Total amount updated successfully
getLatestOrders()
} else {
alert('Error updating total amount: ' + data.status);
}
})
.catch(error => console.error('Error:', error));
} else {
alert('Error fetching order data');
}
})
.catch(error => console.error('Error:', error));
}
function getLatestOrders() {
var customerId = '<?php echo $customer['_id'] ?>'
// Fetch the order data
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/customer/${customerId}`)
2024-02-12 10:35:09 +08:00
.then(response => response.json())
.then(orderData => {
if (orderData && orderData !== "") {
console.log(orderData)
const filteredOrders = orderData.filter(order => order.status.toUpperCase() === 'CART');
const totalAmountSum = filteredOrders.reduce((sum, order) => {
const totalAmount = parseFloat(order.total_amount);
return sum + totalAmount;
}, 0);
console.log('Total Amount Sum:', totalAmountSum);
document.getElementById(`floatCartTotalAmount`).innerText = totalAmountSum;
} else {
alert('Error fetching order data');
}
})
.catch(error => console.error('Error:', error));
}
function deleteOrder(orderId) {
fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/' + orderId, {
2024-02-12 10:35:09 +08:00
method: 'DELETE'
})
.then(response => response.json())
.then(data => {
if (data && data !== "") {
// Order deleted successfully, update the UI
document.getElementById('order_' + data._id).remove();
getLatestOrders()
} else {
alert('Error deleting order: ' + data.status);
}
})
.catch(error => console.error('Error:', error));
updateCartItemCount()
updateWishItemCount()
}
function handleCheckoutButton(event) {
event.preventDefault();
login(email, password, function(token) {
window.location.href = "checkouttest.php";
});
}
function handleCartButton(event) {
event.preventDefault();
login(email, password, function(token) {
window.location.href = "cart.php";
});
}
</script>
<div class="ec-cart-bottom">
<div class="cart-sub-total">
<table class="table cart-table">
<tbody>
<tr>
<td class="text-left">Total :</td>
<td class="text-right primary-color" id="floatCartTotalAmount"><?php echo $totalAmount; ?></td>
</tr>
</tbody>
</table>
</div>
<div class="cart_btn">
<!-- <a href="cart.php" class="btn btn-primary">View Cart</a> -->
<a class="btn btn-secondary" onclick="handleCartButton(event)">View Cart</a>
<a class="btn btn-secondary" onclick="handleCheckoutButton(event)">Checkout</a>
</div>
</div>
</div>
</div>
<!-- Header Cart End -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Ec Header Button End -->
<!-- Header responsive Bottom Start -->
<div class="ec-header-bottom d-lg-none">
<div class="container position-relative">
<div class="row ">
<!-- Ec Header Logo Start -->
<div class="col">
<div class="header-logo">
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
<!-- Ec Header Search Start -->
<div class="col">
<div class="header-search">
<form class="ec-btn-group-form" action="search_product_action.php">
<input class="form-control ec-search-bar" name="searchText" placeholder="Search products..." type="text" required>
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
</form>
</div>
</div>
<!-- Ec Header Search End -->
</div>
</div>
</div>
<!-- Header responsive Bottom End -->
<!-- EC Main Menu Start -->
<div id="ec-main-menu-desk" class="d-none d-lg-block sticky-nav">
<div class="container position-relative">
<div class="row">
<div class="col-md-12 align-self-center">
<div class="ec-main-menu">
<a href="javascript:void(0)" class="ec-header-btn ec-sidebar-toggle">
<i class="fi fi-rr-apps"></i>
</a>
<ul>
<li><a href="index.php">Home</a></li>
<!-- <li class="dropdown position-static"><a href="javascript:void(0)">Categories</a>
<ul class="mega-menu d-block">
<li class="d-flex">
<ul class="d-block">
<li class="menu_title"><a href="javascript:void(0)">Classic
Variation</a></li>
<li><a href="shop-left-sidebar-col-4.php">Left sidebar 3 column</a>
</li>
<li><a href="shop-left-sidebar-col-4.html">Left sidebar 4 column</a>
</li>
<li><a href="shop-right-sidebar-col-3.html">Right sidebar 3 column</a>
</li>
<li><a href="shop-right-sidebar-col-4.html">Right sidebar 4 column</a>
</li>
<li><a href="shop-full-width.html">Full width 4 column</a></li>
</ul>
<ul class="d-block">
<li class="menu_title"><a href="javascript:void(0)">Classic
Variation</a></li>
<li><a href="shop-banner-left-sidebar-col-3.html">Banner left sidebar 3
column</a></li>
<li><a href="shop-banner-left-sidebar-col-4.html">Banner left sidebar 4
column</a></li>
<li><a href="shop-banner-right-sidebar-col-3.html">Banner right sidebar
3 column</a></li>
<li><a href="shop-banner-right-sidebar-col-4.html">Banner right sidebar
4 column</a></li>
<li><a href="shop-banner-full-width.html">Banner Full width 4 column</a>
</li>
</ul>
<ul class="d-block">
<li class="menu_title"><a href="javascript:void(0)">Columns
Variation</a></li>
<li><a href="shop-full-width-col-3.html">3 Columns full width</a></li>
<li><a href="shop-full-width-col-4.html">4 Columns full width</a></li>
<li><a href="shop-full-width-col-5.html">5 Columns full width</a></li>
<li><a href="shop-full-width-col-6.html">6 Columns full width</a></li>
<li><a href="shop-banner-full-width-col-3.html">Banner 3 Columns</a>
</li>
</ul>
<ul class="d-block">
<li class="menu_title"><a href="javascript:void(0)">List Variation</a>
</li>
<li><a href="shop-list-left-sidebar.html">Shop left sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">Shop right sidebar</a></li>
<li><a href="shop-list-banner-left-sidebar.html">Banner left sidebar</a>
</li>
<li><a href="shop-list-banner-right-sidebar.html">Banner right
sidebar</a></li>
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
</ul>
</li>
<li>
<ul class="ec-main-banner w-100">
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img
class="img-responsive" src="assets/images/menu-banner/1.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
class="img-responsive" src="assets/images/menu-banner/2.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img
class="img-responsive" src="assets/images/menu-banner/3.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img
class="img-responsive" src="assets/images/menu-banner/4.jpg"
alt=""></a></li>
</ul>
</li>
</ul>
</li> -->
<!-- <li class="dropdown"><a href="shop-left-sidebar-col-4.php">Products</a>
<ul class="sub-menu">
<li class="dropdown position-static"><a href="javascript:void(0)">Product page
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="shop-left-sidebar-col-4.php">Product left sidebar</a></li>
<li><a href="product-right-sidebar.html">Product right sidebar</a></li>
</ul>
</li>
<li class="dropdown position-static"><a href="javascript:void(0)">Product 360
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="product-360-left-sidebar.html">360 left sidebar</a></li>
<li><a href="product-360-right-sidebar.html">360 right sidebar</a></li>
</ul>
</li>
<li class="dropdown position-static"><a href="javascript:void(0)">Product video
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="product-video-left-sidebar.html">Video left sidebar</a>
</li>
<li><a href="product-video-right-sidebar.html">Video right sidebar</a>
</li>
</ul>
</li>
<li class="dropdown position-static"><a href="javascript:void(0)">Product
gallery
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="product-gallery-left-sidebar.html">Gallery left sidebar</a>
</li>
<li><a href="product-gallery-right-sidebar.html">Gallery right
sidebar</a></li>
</ul>
</li>
<li><a href="product-full-width.html">Product full width</a></li>
<li><a href="product-360-full-width.html">360 full width</a></li>
<li><a href="product-video-full-width.html">Video full width</a></li>
<li><a href="product-gallery-full-width.html">Gallery full width</a></li>
</ul>
</li> -->
<li class="dropdown"><a href="vendor-list.php">Vendors</a>
<!-- <ul class="sub-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="login.php">Login</a></li>
<li><a href="register.php">Register</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="terms-condition.html">Terms Condition</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul> -->
</li>
2024-02-20 15:21:15 +08:00
<li class="dropdown"><span class="main-label-note-new" data-toggle="tooltip" title="NEW"></span><a href="same_day_delivery.php">Next-Day-Delivery</a>
2024-02-12 10:35:09 +08:00
<!-- <ul class="sub-menu">
<li class="dropdown position-static"><a href="javascript:void(0)">Mail
Confirmation
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="email-template-confirm-1.html">Mail Confirmation 1</a></li>
<li><a href="email-template-confirm-2.html">Mail Confirmation 2</a></li>
<li><a href="email-template-confirm-3.html">Mail Confirmation 3</a></li>
<li><a href="email-template-confirm-4.html">Mail Confirmation 4</a></li>
<li><a href="email-template-confirm-5.html">Mail Confirmation 5</a></li>
</ul>
</li>
<li class="dropdown position-static"><a href="javascript:void(0)">Mail Reset
password
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="email-template-forgot-password-1.html">Reset password 1</a>
</li>
<li><a href="email-template-forgot-password-2.html">Reset password 2</a>
</li>
<li><a href="email-template-forgot-password-3.html">Reset password 3</a>
</li>
<li><a href="email-template-forgot-password-4.html">Reset password 4</a>
</li>
<li><a href="email-template-forgot-password-5.html">Reset password 5</a>
</li>
</ul>
</li>
<li class="dropdown position-static"><a href="javascript:void(0)">Mail
Promotional
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="email-template-offers-1.html">Offer mail 1</a></li>
<li><a href="email-template-offers-2.html">Offer mail 2</a></li>
<li><a href="email-template-offers-3.html">Offer mail 3</a></li>
<li><a href="email-template-offers-4.html">Offer mail 4</a></li>
<li><a href="email-template-offers-5.html">Offer mail 5</a></li>
<li><a href="email-template-offers-6.html">Offer mail 6</a></li>
<li><a href="email-template-offers-7.html">Offer mail 7</a></li>
<li><a href="email-template-offers-8.html">Offer mail 8</a></li>
</ul>
</li>
<li class="dropdown position-static">
<span class="label-note-hot"></span>
<a href="javascript:void(0)">Vendor account pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="vendor-dashboard.html">Vendor Dashboard</a></li>
<li><a href="vendor-profile.html">Vendor Profile</a></li>
<li><a href="vendor-uploads.html">Vendor Uploads</a></li>
<li><a href="vendor-settings.html">Vendor Settings</a></li>
</ul>
</li>
<li class="dropdown position-static">
<span class="label-note-trending"></span>
<a href="javascript:void(0)">User account pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="user-profile.html">User Profile</a></li>
<li><a href="user-history.html">History</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="user-invoice.html">Invoice</a></li>
</ul>
</li>
<li class="dropdown position-static"><a href="javascript:void(0)">Construction
pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="404-error-page.html">404 error page</a></li>
<li><a href="under-maintenance.html">maintanence page</a></li>
<li><a href="coming-soon.html">Coming soon page</a></li>
</ul>
</li>
<li class="dropdown position-static">
<span class="label-note-new"></span>
<a href="javascript:void(0)">Vendor Catalog pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="catalog-single-vendor.html">Catalog Single Vendor</a></li>
<li><a href="catalog-multi-vendor.html">Catalog Multi Vendor</a></li>
</ul>
</li>
</ul> -->
</li>
<!-- <li class="dropdown"><a href="javascript:void(0)">Blog</a>
<ul class="sub-menu">
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
<li><a href="blog-detail-left-sidebar.html">Blog detail left sidebar</a></li>
<li><a href="blog-detail-right-sidebar.html">Blog detail right sidebar</a></li>
<li><a href="blog-full-width.html">Blog full width</a></li>
<li><a href="blog-detail-full-width.html">Blog detail full width</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
<ul class="sub-menu">
<li><a href="elemets-products.html">Products</a></li>
<li><a href="elemets-typography.html">Typography</a></li>
<li><a href="elemets-title.html">Titles</a></li>
<li><a href="elemets-categories.html">Categories</a></li>
<li><a href="elemets-buttons.html">Buttons</a></li>
<li><a href="elemets-tabs.html">Tabs</a></li>
<li><a href="elemets-accordions.html">Accordions</a></li>
<li><a href="elemets-blog.html">Blogs</a></li>
</ul>
</li> -->
<li><a href="offer.php">Hot Offers</a></li>
<li class="dropdown scroll-to"><a href="javascript:void(0)"><i class="fi fi-rr-sort-amount-down-alt"></i></a>
<ul class="sub-menu">
<li class="menu_title">Scroll To Section</li>
<li><a href="javascript:void(0)" data-scroll="collection" class="nav-scroll">Top
Collection</a></li>
<li><a href="javascript:void(0)" data-scroll="categories" class="nav-scroll">Categories</a></li>
2024-02-27 09:11:14 +08:00
<!-- <li><a href="javascript:void(0)" data-scroll="offers" class="nav-scroll">Offers</a></li> -->
2024-02-12 10:35:09 +08:00
<li><a href="javascript:void(0)" data-scroll="vendors" class="nav-scroll">Top
Vendors</a></li>
<li><a href="javascript:void(0)" data-scroll="services" class="nav-scroll">Services</a></li>
<li><a href="javascript:void(0)" data-scroll="arrivals" class="nav-scroll">New
Arrivals</a></li>
2024-02-27 09:11:14 +08:00
<!-- <li><a href="javascript:void(0)" data-scroll="reviews" class="nav-scroll">Client
Review</a></li> -->
<!-- <li><a href="javascript:void(0)" data-scroll="insta" class="nav-scroll">Instagram Feed</a></li> -->
2024-02-12 10:35:09 +08:00
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Ec Main Menu End -->
<!-- ekka Mobile Menu Start -->
<div id="ec-mobile-menu" class="ec-side-cart ec-mobile-menu">
<div class="ec-menu-title">
<span class="menu_title">My Menu</span>
<button class="ec-close">×</button>
</div>
<div class="ec-menu-inner">
<div class="ec-menu-content">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="javascript:void(0)">Categories</a>
<ul class="sub-menu">
<li>
<a href="javascript:void(0)">Classic Variation</a>
<ul class="sub-menu">
<li><a href="shop-left-sidebar-col-4.php">Left sidebar 3 column</a></li>
<li><a href="shop-left-sidebar-col-4.html">Left sidebar 4 column</a></li>
<li><a href="shop-right-sidebar-col-3.html">Right sidebar 3 column</a></li>
<li><a href="shop-right-sidebar-col-4.html">Right sidebar 4 column</a></li>
<li><a href="shop-full-width.html">Full width 4 column</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">Classic Variation</a>
<ul class="sub-menu">
<li><a href="shop-banner-left-sidebar-col-3.html">Banner left sidebar 3
column</a></li>
<li><a href="shop-banner-left-sidebar-col-4.html">Banner left sidebar 4
column</a></li>
<li><a href="shop-banner-right-sidebar-col-3.html">Banner right sidebar 3
column</a></li>
<li><a href="shop-banner-right-sidebar-col-4.html">Banner right sidebar 4
column</a></li>
<li><a href="shop-banner-full-width.html">Banner Full width 4 column</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">Columns Variation</a>
<ul class="sub-menu">
<li><a href="shop-full-width-col-3.html">3 Columns full width</a></li>
<li><a href="shop-full-width-col-4.html">4 Columns full width</a></li>
<li><a href="shop-full-width-col-5.html">5 Columns full width</a></li>
<li><a href="shop-full-width-col-6.html">6 Columns full width</a></li>
<li><a href="shop-banner-full-width-col-3.html">Banner 3 Columns</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">List Variation</a>
<ul class="sub-menu">
<li><a href="shop-list-left-sidebar.html">Shop left sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">Shop right sidebar</a></li>
<li><a href="shop-list-banner-left-sidebar.html">Banner left sidebar</a></li>
<li><a href="shop-list-banner-right-sidebar.html">Banner right sidebar</a></li>
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
</ul>
</li>
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img class="img-responsive" src="assets/images/menu-banner/1.jpg" alt=""></a>
</li>
</ul>
</li>
<li><a href="javascript:void(0)">Products</a>
<ul class="sub-menu">
<li><a href="javascript:void(0)">Product page</a>
<ul class="sub-menu">
<li><a href="shop-left-sidebar-col-4.php">Product left sidebar</a></li>
<li><a href="product-right-sidebar.html">Product right sidebar</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Product 360</a>
<ul class="sub-menu">
<li><a href="product-360-left-sidebar.html">360 left sidebar</a></li>
<li><a href="product-360-right-sidebar.html">360 right sidebar</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Product vodeo</a>
<ul class="sub-menu">
<li><a href="product-video-left-sidebar.html">vodeo left sidebar</a></li>
<li><a href="product-video-right-sidebar.html">vodeo right sidebar</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Product gallery</a>
<ul class="sub-menu">
<li><a href="product-gallery-left-sidebar.html">Gallery left sidebar</a></li>
<li><a href="product-gallery-right-sidebar.html">Gallery right sidebar</a></li>
</ul>
</li>
<li><a href="product-full-width.html">Product full width</a></li>
<li><a href="product-360-full-width.html">360 full width</a></li>
<li><a href="product-video-full-width.html">Video full width</a></li>
<li><a href="product-gallery-full-width.html">Gallery full width</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Others</a>
<ul class="sub-menu">
<li><a href="javascript:void(0)">Mail Confirmation</a>
<ul class="sub-menu">
<li><a href="email-template-confirm-1.html">Mail Confirmation 1</a></li>
<li><a href="email-template-confirm-2.html">Mail Confirmation 2</a></li>
<li><a href="email-template-confirm-3.html">Mail Confirmation 3</a></li>
<li><a href="email-template-confirm-4.html">Mail Confirmation 4</a></li>
<li><a href="email-template-confirm-5.html">Mail Confirmation 5</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Mail Reset password</a>
<ul class="sub-menu">
<li><a href="email-template-forgot-password-1.html">Reset password 1</a></li>
<li><a href="email-template-forgot-password-2.html">Reset password 2</a></li>
<li><a href="email-template-forgot-password-3.html">Reset password 3</a></li>
<li><a href="email-template-forgot-password-4.html">Reset password 4</a></li>
<li><a href="email-template-forgot-password-5.html">Reset password 5</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Mail Promotional</a>
<ul class="sub-menu">
<li><a href="email-template-offers-1.html">Offer Mail 1</a></li>
<li><a href="email-template-offers-2.html">Offer Mail 2</a></li>
<li><a href="email-template-offers-3.html">Offer Mail 3</a></li>
<li><a href="email-template-offers-4.html">Offer Mail 4</a></li>
<li><a href="email-template-offers-5.html">Offer Mail 5</a></li>
<li><a href="email-template-offers-6.html">Offer Mail 6</a></li>
<li><a href="email-template-offers-7.html">Offer Mail 7</a></li>
<li><a href="email-template-offers-8.html">Offer Mail 8</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Vendor Account Pages</a>
<ul class="sub-menu">
<li><a href="vendor-dashboard.php">Vendor Dashboard</a></li>
<li><a href="vendor-profile.html">Vendor Profile</a></li>
<li><a href="vendor-uploads.html">Vendor Uploads</a></li>
<li><a href="vendor-settings.html">Vendor Settings</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">User Account Pages</a>
<ul class="sub-menu">
<li><a href="user-profile.html">User Profile</a></li>
<li><a href="user-history.html">User History</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="user-invoice.html">User Invoice</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Construction Pages</a>
<ul class="sub-menu">
<li><a href="404-error-page.html">404 Error Page</a></li>
<li><a href="under-maintenance.html">Maintenance Page</a></li>
<li><a href="coming-soon.html">Comming Soon Page</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Vendor Catalog Pages</a>
<ul class="sub-menu">
<li><a href="catalog-single-vendor.html">Catalog Single Vendor</a></li>
<li><a href="catalog-multi-vendor.html">Catalog Multi Vendor</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="javascript:void(0)">Pages</a>
<ul class="sub-menu">
<li><a href="about-us.html">About Us</a></li>
2024-02-16 12:59:22 +08:00
<li><a href="contact-us.php">Contact Us</a></li>
2024-02-12 10:35:09 +08:00
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="login.php">Login</a></li>
<li><a href="register.php">Register</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="terms-condition.html">Terms Condition</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Blog</a>
<ul class="sub-menu">
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
<li><a href="blog-detail-left-sidebar.html">Blog detail left sidebar</a></li>
<li><a href="blog-detail-right-sidebar.html">Blog detail right sidebar</a></li>
<li><a href="blog-full-width.html">Blog full width</a></li>
<li><a href="blog-detail-full-width.html">Blog detail full width</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
<ul class="sub-menu">
<li><a href="elemets-products.html">Products</a></li>
<li><a href="elemets-typography.html">Typography</a></li>
<li><a href="elemets-title.html">Titles</a></li>
<li><a href="elemets-categories.html">Categories</a></li>
<li><a href="elemets-buttons.html">Buttons</a></li>
<li><a href="elemets-tabs.html">Tabs</a></li>
<li><a href="elemets-accordions.html">Accordions</a></li>
<li><a href="elemets-blog.html">Blogs</a></li>
</ul>
</li>
<li><a href="offer.html">Hot Offers</a></li>
</ul>
</div>
<div class="header-res-lan-curr">
<div class="header-top-lan-curr">
<!-- Language Start -->
<div class="header-top-lan dropdown">
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Language <i class="ecicon eci-caret-down" aria-hidden="true"></i></button>
<ul class="dropdown-menu">
<li class="active"><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">Italiano</a></li>
</ul>
</div>
<!-- Language End -->
<!-- Currency Start -->
<div class="header-top-curr dropdown">
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Currency <i class="ecicon eci-caret-down" aria-hidden="true"></i></button>
<ul class="dropdown-menu">
<li class="active"><a class="dropdown-item" href="#">USD $</a></li>
<li><a class="dropdown-item" href="#">EUR </a></li>
</ul>
</div>
<!-- Currency End -->
</div>
<!-- Social Start -->
<div class="header-res-social">
<div class="header-top-social">
<ul class="mb-0">
<li class="list-inline-item"><a class="hdr-facebook" href="#"><i class="ecicon eci-facebook"></i></a></li>
<li class="list-inline-item"><a class="hdr-twitter" href="#"><i class="ecicon eci-twitter"></i></a></li>
<li class="list-inline-item"><a class="hdr-instagram" href="#"><i class="ecicon eci-instagram"></i></a></li>
<li class="list-inline-item"><a class="hdr-linkedin" href="#"><i class="ecicon eci-linkedin"></i></a></li>
</ul>
</div>
</div>
<!-- Social End -->
</div>
</div>
</div>
<!-- ekka mobile Menu End -->
</header>
<!-- Header End -->