789 lines
42 KiB
PHP
789 lines
42 KiB
PHP
|
||
|
||
<?php
|
||
|
||
|
||
use Symfony\Component\VarDumper\VarDumper;
|
||
|
||
|
||
include "functions.php";
|
||
session_start();
|
||
$_SESSION["url"] = $_SERVER['REQUEST_URI'];
|
||
if ($_SESSION["userId"] <> "") {
|
||
$_SESSION["isLoggedIn"] = true;
|
||
$customer_data = getCustomerbyLoginId($_SESSION["userId"]);
|
||
} else {
|
||
$_SESSION["isLoggedIn"] = false;
|
||
}
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||
|
||
|
||
<title>oBanana B2B - Elevate Your Business</title>
|
||
<meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
|
||
<meta name="description" content="Best ecommerce html template for single and multi vendor store.">
|
||
<meta name="author" content="ashishmaraviya">
|
||
|
||
|
||
<!-- site Favicon -->
|
||
<link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
|
||
<link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
|
||
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
|
||
|
||
|
||
<!-- css Icon Font -->
|
||
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
|
||
|
||
|
||
<!-- css All Plugins Files -->
|
||
<link rel="stylesheet" href="assets/css/plugins/animate.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
|
||
|
||
|
||
<!-- Main Style -->
|
||
<link rel="stylesheet" href="assets/css/style.css" />
|
||
<link rel="stylesheet" href="assets/css/responsive.css" />
|
||
|
||
|
||
<!-- Background css -->
|
||
<link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
|
||
<script>
|
||
function updateCartItemCount() {
|
||
$.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
|
||
if (data != "") {
|
||
console.log("Data: " + data + "\nStatus: " + status);
|
||
document.getElementById("cartItemCount").innerHTML = data;
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
function updateWishItemCount() {
|
||
$.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
|
||
if (data != "") {
|
||
document.getElementById("wishItemCount").innerHTML = data;
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
<!-- raymart added css feb 14 2024 -->
|
||
<style>
|
||
.ec-product-inner .ec-pro-image .ec-pro-actions .add-to-cart {
|
||
width: 35px;
|
||
position: absolute;
|
||
right: 15px;
|
||
bottom: 36px;
|
||
margin: 0;
|
||
padding: 0;
|
||
font-size: 0;
|
||
border-radius: 10px 10px 0 0;
|
||
}
|
||
|
||
|
||
.ec-product-inner .ec-pro-image .ec-pro-actions .wishlist {
|
||
position: absolute;
|
||
right: 15px;
|
||
bottom: 0;
|
||
border-radius: 0 0 10px 10px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
|
||
<body onload="updateCartItemCount(); updateWishItemCount()">
|
||
<div id="ec-overlay">
|
||
<div class="ec-ellipsis">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Header start -->
|
||
<?php include "header.php" ?>
|
||
<!-- Header End -->
|
||
|
||
|
||
<!-- ekka Cart Start -->
|
||
|
||
|
||
<!-- ekka Cart End -->
|
||
|
||
|
||
<!-- Ec breadcrumb start -->
|
||
<div class="sticky-header-next-sec ec-breadcrumb section-space-mb">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="row ec_breadcrumb_inner">
|
||
<div class="col-md-6 col-sm-12">
|
||
<h2 class="ec-breadcrumb-title">Wishlist</h2>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12">
|
||
<!-- ec-breadcrumb-list start -->
|
||
<ul class="ec-breadcrumb-list">
|
||
<li class="ec-breadcrumb-item"><a href="index.php">Home</a></li>
|
||
<li class="ec-breadcrumb-item active">Wishlist</li>
|
||
</ul>
|
||
<!-- ec-breadcrumb-list end -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec breadcrumb end -->
|
||
<!-- <section class="labels section-space-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<img src="./assets/images/comingsoon.png" alt="">
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<!-- Ec Wishlist page -->
|
||
<section class="ec-page-content section-space-p">
|
||
<div class="container">
|
||
<div class="row ec_breadcrumb_inner">
|
||
<div class="row">
|
||
<!-- Compare Content Start -->
|
||
<div class="ec-wish-rightside col-lg-12 col-md-12">
|
||
<!-- Compare content Start -->
|
||
<div class="ec-compare-content">
|
||
<div class="ec-compare-inner">
|
||
<!-- raymart added button for delete and checkbox for select all feb 19 2024 -->
|
||
<div class="ec-breadcrumb-list" style="padding: 30px;">
|
||
<a Id="delete-button"><i class="ecicon eci-trash" style="font-size: 40px;"></i></a>
|
||
<input type="checkbox" Id="select-button" style="width: 30px; height: 30px; float: left; "><title>has</title>
|
||
<!-- <button class="btn btn-primary" id="delete-button">Delete Selected</button> -->
|
||
<!-- <button class="btn btn-primary" style="float: left;" id="select-button">Select all</button> -->
|
||
</div>
|
||
|
||
<div class="row margin-minus-b-30">
|
||
<?php foreach ($customer['favorites']['products'] as $product) {
|
||
// raymart added vendorproduct feb 14 2024
|
||
$vendorOfProduct = getVendorbyId($product['vendor_api_id']);
|
||
?>
|
||
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-6 pro-gl-content">
|
||
<div class="ec-product-inner">
|
||
<!-- raymart added style for checkboxes feb 19 2024 -->
|
||
<input type="checkbox" class="product-checkbox" style="width: 20px; height: 20px; "value="<?php echo $product["_id"]; ?>">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>" class="image">
|
||
<!-- <a href="shop-left-sidebar-col-4.php" class="image"> -->
|
||
<img class="main-image" src="<?php echo $product["product_image"]; ?>" alt="Product" />
|
||
<!-- <img class="hover-image" src="<?php echo $product["product_image"]; ?>" alt="Product" /> -->
|
||
</a>
|
||
<span class="ec-com-remove ec-remove-wishlist">
|
||
<a href="javascript:void(0)" class="remove-product" data-product-id="<?php echo $product["_id"]; ?>" id="removeItem<?php echo $product["_id"]; ?>">×</a>
|
||
</span>
|
||
<!-- raymart edit action feb 14 2024 -->
|
||
<div class="ec-pro-actions">
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`, `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` , `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><?php echo $product["product_name"]; ?></a></h5>
|
||
<!-- <div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div> -->
|
||
<!-- <div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the
|
||
printing and typesetting industry. Lorem Ipsum is simply dutmmy text
|
||
ever since the 1500s, when an unknown printer took a galley.</div> -->
|
||
<?php if ($product['product_type'] === 'variable') {
|
||
$variation_products = getProductVariations($product['_id']);
|
||
if ($variation_products) {
|
||
$variation_details = json_decode($variation_products, true);
|
||
}
|
||
} ?>
|
||
<!-- <span class="ec-price">
|
||
<span class="old-price">$12.00 <?php echo $product["regular_price"]; ?></span>
|
||
<span class="new-price">$10.00</span>
|
||
</span> -->
|
||
<?php
|
||
if ($product['product_type'] === "simple") {
|
||
if (isset($product['sale_price']) && $product['sale_price'] > 0) {
|
||
echo '<span class="ec-price">';
|
||
echo '<span class="old-price">' . $product['regular_price'] . '</span>';
|
||
echo '<span class="new-price">' . $product['sale_price'] . '</span>';
|
||
echo '</span>';
|
||
} else {
|
||
echo '<span class="new-price">' . $product['regular_price'] . '</span>';
|
||
}
|
||
} elseif ($product['product_type'] === "variable") {
|
||
$lowest_regular_price = null;
|
||
$highest_regular_price = null;
|
||
$lowest_sale_price = null;
|
||
$highest_sale_price = null;
|
||
|
||
|
||
if (isset($variation_details) && is_array($variation_details)) {
|
||
foreach ($variation_details as $index => $variation) {
|
||
$regular_price = isset($variation['regular_price']) ? $variation['regular_price'] : 0;
|
||
$sale_price = isset($variation['sale_price']) ? $variation['sale_price'] : 0;
|
||
|
||
|
||
// Update the minimum and maximum prices only if they are not null
|
||
if ($lowest_regular_price === null || $regular_price < $lowest_regular_price) {
|
||
$lowest_regular_price = $regular_price;
|
||
}
|
||
|
||
|
||
if ($highest_regular_price === null || $regular_price > $highest_regular_price) {
|
||
$highest_regular_price = $regular_price;
|
||
}
|
||
|
||
|
||
if ($lowest_sale_price === null || $sale_price < $lowest_sale_price) {
|
||
$lowest_sale_price = $sale_price;
|
||
}
|
||
|
||
|
||
if ($highest_sale_price === null || $sale_price > $highest_sale_price) {
|
||
$highest_sale_price = $sale_price;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
// Display the range of prices based on the presence of sale prices
|
||
if ($lowest_sale_price !== null && $highest_sale_price !== null && $lowest_sale_price > 0 && $highest_sale_price > 0) {
|
||
echo '<span id="productPrice" class="new-price">' . '₱' . $lowest_sale_price . ' - ₱' . $highest_sale_price . '</span>';
|
||
} elseif ($lowest_regular_price !== null && $highest_regular_price !== null) {
|
||
echo '<span id="productPrice" class="new-price">' . '₱' . $lowest_regular_price . ' - ₱' . $highest_regular_price . '</span>';
|
||
}
|
||
}
|
||
?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
customerId = '<?php echo $_SESSION['customerId']; ?>'
|
||
// Add event listener to remove button
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
var removeButtons = document.querySelectorAll('.remove-product');
|
||
removeButtons.forEach(function(removeButton) {
|
||
removeButton.addEventListener('click', function() {
|
||
var productId = removeButton.getAttribute('data-product-id');
|
||
removeProduct(productId);
|
||
});
|
||
});
|
||
var deleteButton = document.getElementById('delete-button');
|
||
deleteButton.addEventListener('click', function() {
|
||
var selectedProducts = [];
|
||
var checkboxes = document.querySelectorAll('.product-checkbox');
|
||
checkboxes.forEach(function(checkbox) {
|
||
if (checkbox.checked) {
|
||
selectedProducts.push(checkbox.value);
|
||
}
|
||
});
|
||
deleteProducts(selectedProducts);
|
||
});
|
||
});
|
||
var selectAllButton = document.querySelector('#select-button');
|
||
selectAllButton.addEventListener('click', function() {
|
||
var selectedProducts = [];
|
||
var checkboxes = document.querySelectorAll('.product-checkbox');
|
||
// checkboxes.forEach(function(checkbox) {
|
||
// }
|
||
console.log('clicked')
|
||
for (let i = 0; i < checkboxes.length; i++ ) {
|
||
checkboxes[i].checked = selectAllButton.checked
|
||
// checkboxes[i].checked = true
|
||
}})
|
||
|
||
|
||
|
||
// Function to remove product
|
||
function removeProduct(productId) {
|
||
// Get all product IDs except the one to remove
|
||
var remainingProductIds = Array.from(document.querySelectorAll('.remove-product')).map(function(button) {
|
||
return button.getAttribute('data-product-id');
|
||
}).filter(function(id) {
|
||
return id !== productId;
|
||
});
|
||
|
||
|
||
// Make an AJAX request to update the favorites with the remaining products
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('PATCH', 'https://api.obanana.shop/api/v1/customers/' + customerId, true);
|
||
xhr.setRequestHeader('Content-Type', 'application/json');
|
||
xhr.onreadystatechange = function() {
|
||
if (xhr.readyState === XMLHttpRequest.DONE) {
|
||
if (xhr.status === 200) {
|
||
// Product removed successfully, you can handle the UI update here if needed
|
||
console.log('Product removed successfully');
|
||
location.reload(); // Refresh the page after removing the product
|
||
} else {
|
||
// Handle error response
|
||
console.error('Error removing product:', xhr.responseText);
|
||
}
|
||
}
|
||
};
|
||
// Construct data object with the remaining product IDs
|
||
var data = JSON.stringify({
|
||
favorites: {
|
||
products: remainingProductIds.map(function(id) {
|
||
// Find the product object with the corresponding ID
|
||
var remainingProduct = <?php echo json_encode($customer['favorites']['products']); ?>.find(function(product) {
|
||
return product['_id'] === id;
|
||
});
|
||
|
||
|
||
// Return the entire product object
|
||
return remainingProduct;
|
||
})
|
||
}
|
||
});
|
||
|
||
xhr.send(data);
|
||
}
|
||
// Function to delete multiple products
|
||
function deleteProducts(productIds) {
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('PATCH', 'https://api.obanana.shop/api/v1/customers/' + customerId, true);
|
||
xhr.setRequestHeader('Content-Type', 'application/json');
|
||
xhr.onreadystatechange = function() {
|
||
if (xhr.readyState === XMLHttpRequest.DONE) {
|
||
if (xhr.status === 200) {
|
||
console.log('Products removed successfully');
|
||
location.reload();
|
||
} else {
|
||
console.error('Error removing products:', xhr.responseText);
|
||
}
|
||
}
|
||
};
|
||
var remainingProductIds = Array.from(document.querySelectorAll('.remove-product')).map(function(button) {
|
||
return button.getAttribute('data-product-id');
|
||
}).filter(function(id) {
|
||
return !productIds.includes(id);
|
||
});
|
||
var data = JSON.stringify({
|
||
favorites: {
|
||
products: remainingProductIds.map(function(id) {
|
||
var remainingProduct = <?php echo json_encode($customer['favorites']['products']); ?>.find(function(product) {
|
||
return product['_id'] === id;
|
||
});
|
||
return remainingProduct;
|
||
})
|
||
}
|
||
});
|
||
xhr.send(data);
|
||
}
|
||
|
||
|
||
</script>
|
||
<?php } ?>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- // compare content End -->
|
||
</div>
|
||
<!-- Compare Content end -->
|
||
</div>
|
||
</div>
|
||
<section>
|
||
<!-- Start Offer section -->
|
||
<!-- raymart remove start offer section from style feb 22 2024-->
|
||
<!-- <section class="labels section-space-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Style 1</h2>
|
||
<h2 class="ec-title">Style 1</h2>
|
||
<p class="sub-title">Browse The Collection of Top Categories</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
|
||
<div class="ec-offer-coupon">
|
||
<div class="ec-cpn-brand">
|
||
<img class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
|
||
</div>
|
||
<div class="ec-cpn-title">
|
||
<h2 class="coupon-title">Get 15% off on branded Shoes</h2>
|
||
</div>
|
||
<div class="ec-cpn-desc">
|
||
<p class="coupon-text">Lorem Ipsum is simply dummy text of the printing and typesetting
|
||
industry has been.</p>
|
||
</div>
|
||
<div class="ec-cpn-code">
|
||
<a href="#" class="btn btn-secondary">Shop Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
|
||
<div class="ec-offer-coupon">
|
||
<div class="ec-cpn-brand">
|
||
<img class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
|
||
</div>
|
||
<div class="ec-cpn-title">
|
||
<h2 class="coupon-title">Get 30% off on branded chair</h2>
|
||
</div>
|
||
<div class="ec-cpn-desc">
|
||
<p class="coupon-text">Lorem Ipsum is simply dummy text of the printing and typesetting
|
||
industry has been.</p>
|
||
</div>
|
||
<div class="ec-cpn-code">
|
||
<a href="#" class="btn btn-secondary">Shop Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-12 col-12 m-auto">
|
||
<div class="ec-offer-coupon">
|
||
<div class="ec-cpn-brand">
|
||
<img class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
|
||
</div>
|
||
<div class="ec-cpn-title">
|
||
<h2 class="coupon-title">Get 50% off on branded Hand Bags</h2>
|
||
</div>
|
||
<div class="ec-cpn-desc">
|
||
<p class="coupon-text">Lorem Ipsum is simply dummy text of the printing and typesetting
|
||
industry has been.</p>
|
||
</div>
|
||
<div class="ec-cpn-code">
|
||
<a href="#" class="btn btn-secondary">Shop Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<!-- End Offer section -->
|
||
|
||
|
||
<!-- Start Offer section -->
|
||
<!-- <section class="labels section-space-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Style 2</h2>
|
||
<h2 class="ec-title">Style 2</h2>
|
||
<p class="sub-title">Browse The Collection of Top Categories</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-line-offer" style="background-image: url('assets/images/offer-image/offer-banner-06.jpg');">
|
||
<div class="ec-line-offer-info">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h6>On Furniture</h6>
|
||
<h2 class="offer-upto">Upto <span>45%</span> OFF</h2>
|
||
<p class="offer-desc">Lorem Ipsum is simply dummy text of the printing and typesetting
|
||
industry. Lorem Ipsum has been the industry's.</p>
|
||
<div class="offer-btn"><a class="btn-shop-now">SHOP NOW!</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<!-- End Offer section -->
|
||
|
||
|
||
<!-- Footer Start -->
|
||
<?php include "footer.php" ?>
|
||
<!-- Footer Area End -->
|
||
|
||
|
||
<!-- Footer navigation panel for responsive display -->
|
||
<div class="ec-nav-toolbar">
|
||
<div class="container">
|
||
<div class="ec-nav-panel">
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i class="fi-rr-menu-burger"></i></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i class="fi-rr-shopping-bag"></i><span class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span class="ec-cart-noti">4</span></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Footer navigation panel for responsive display end -->
|
||
|
||
|
||
<!-- Recent Purchase Popup -->
|
||
<!-- <div class="recent-purchase">
|
||
<img src="assets/images/product-image/1.jpg" alt="payment image">
|
||
<div class="detail">
|
||
<p>Someone in new just bought</p>
|
||
<h6>stylish baby shoes</h6>
|
||
<p>10 Minutes ago</p>
|
||
</div>
|
||
<a href="javascript:void(0)" class="icon-btn recent-close">×</a>
|
||
</div> -->
|
||
<!-- Recent Purchase Popup end -->
|
||
|
||
|
||
<!-- Cart Floating Button -->
|
||
<div class="ec-cart-float">
|
||
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
||
<div class="header-icon"><i class="fi-rr-shopping-basket"></i>
|
||
</div>
|
||
<span class="ec-cart-count cart-count-lable">3</span>
|
||
</a>
|
||
</div>
|
||
<!-- Cart Floating Button end -->
|
||
|
||
|
||
<!-- Whatsapp -->
|
||
<div class="ec-style ec-right-bottom">
|
||
<!-- Start Floating Panel Container -->
|
||
<div class="ec-panel">
|
||
<!-- Panel Header -->
|
||
<div class="ec-header">
|
||
<strong>Need Help?</strong>
|
||
<p>Chat with us on WhatsApp</p>
|
||
</div>
|
||
<!-- Panel Content -->
|
||
<div class="ec-body">
|
||
<ul>
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Sahar Darya</span>
|
||
<p>Sahar left 7 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon ec-online"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Yolduz Rafi</span>
|
||
<p>Yolduz is online</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon ec-offline"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Nargis Hawa</span>
|
||
<p>Nargis left 30 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon ec-offline"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Khadija Mehr</span>
|
||
<p>Khadija left 50 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--/ End Floating Panel Container -->
|
||
<!-- Start Right Floating Button-->
|
||
<div class="ec-right-bottom">
|
||
<div class="ec-box">
|
||
<div class="ec-button rotateBackward">
|
||
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/ End Right Floating Button-->
|
||
</div>
|
||
<!-- Whatsapp end -->
|
||
|
||
|
||
<!-- Feature tools -->
|
||
<div class="ec-tools-sidebar-overlay"></div>
|
||
<div class="ec-tools-sidebar">
|
||
<div class="tool-title">
|
||
<h3>Features</h3>
|
||
</div>
|
||
<a href="#" class="ec-tools-sidebar-toggle in-out">
|
||
<img alt="icon" src="assets/images/common/settings.png" />
|
||
</a>
|
||
<div class="ec-tools-detail">
|
||
<div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
|
||
<h3>Color Scheme</h3>
|
||
<ul class="bg-panel">
|
||
<li class="active" data-color="01"><a href="#" class="colorcode1"></a></li>
|
||
<li data-color="02"><a href="#" class="colorcode2"></a></li>
|
||
<li data-color="03"><a href="#" class="colorcode3"></a></li>
|
||
<li data-color="04"><a href="#" class="colorcode4"></a></li>
|
||
<li data-color="05"><a href="#" class="colorcode5"></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Backgrounds</h3>
|
||
<ul class="bg-panel">
|
||
<li class="bg"><a class="back-bg-1" id="bg-1">Background-1</a></li>
|
||
<li class="bg"><a class="back-bg-2" id="bg-2">Background-2</a></li>
|
||
<li class="bg"><a class="back-bg-3" id="bg-3">Background-3</a></li>
|
||
<li class="bg"><a class="back-bg-4" id="bg-4">Default</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Full Screen mode</h3>
|
||
<div class="ec-fullscreen-mode">
|
||
<div class="ec-fullscreen-switch">
|
||
<div class="ec-fullscreen-btn">Mode</div>
|
||
<div class="ec-fullscreen-on">On</div>
|
||
<div class="ec-fullscreen-off">Off</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Dark mode</h3>
|
||
<div class="ec-change-mode">
|
||
<div class="ec-mode-switch">
|
||
<div class="ec-mode-btn">Mode</div>
|
||
<div class="ec-mode-on">On</div>
|
||
<div class="ec-mode-off">Off</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>RTL mode</h3>
|
||
<div class="ec-change-rtl">
|
||
<div class="ec-rtl-switch">
|
||
<div class="ec-rtl-btn">Rtl</div>
|
||
<div class="ec-rtl-on">On</div>
|
||
<div class="ec-rtl-off">Off</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Clear local storage</h3>
|
||
<a class="clear-cach" href="javascript:void(0)">Clear Cache & Default</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Feature tools end -->
|
||
|
||
|
||
<!-- Vendor JS -->
|
||
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
|
||
<script src="assets/js/vendor/popper.min.js"></script>
|
||
<script src="assets/js/vendor/bootstrap.min.js"></script>
|
||
<script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
|
||
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
|
||
|
||
|
||
<!--Plugins JS-->
|
||
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
|
||
<script src="assets/js/plugins/countdownTimer.min.js"></script>
|
||
<script src="assets/js/plugins/scrollup.js"></script>
|
||
<script src="assets/js/plugins/jquery.zoom.min.js"></script>
|
||
<script src="assets/js/plugins/slick.min.js"></script>
|
||
<script src="assets/js/plugins/infiniteslidev2.js"></script>
|
||
<script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
|
||
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
|
||
|
||
|
||
<!-- Main Js -->
|
||
<script src="assets/js/vendor/index.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
<!-- raymart added link from js feb 14 2024 -->
|
||
<!-- <script src="assets/js/tester10.js"></script> -->
|
||
<?php
|
||
if ($_SESSION["is_test"]==true) {
|
||
echo '<script src="assets/js/tester10.js"></script>';
|
||
} else {
|
||
echo '<script src="assets/js/produc3.js"></script>';
|
||
}
|
||
?>
|
||
|
||
</body>
|
||
|
||
|
||
</html>
|
||
|
||
|
||
|