910 lines
51 KiB
PHP
910 lines
51 KiB
PHP
<?php
|
||
|
||
use Symfony\Component\VarDumper\VarDumper;
|
||
|
||
include "functions.php";
|
||
|
||
$_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" />
|
||
<link rel="stylesheet" href="assets/css/plugins/nouislider.css" />
|
||
|
||
<!-- Main Style -->
|
||
<link rel="stylesheet" href="assets/css/demo1.css" />
|
||
<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">
|
||
<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>
|
||
<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>
|
||
</head>
|
||
|
||
<body class="shop_page" onload="updateCartItemCount(); updateWishItemCount()">
|
||
<div id="ec-overlay">
|
||
<div class="ec-ellipsis">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
<?php include "header.php" ?>
|
||
<!-- ekka Cart Start -->
|
||
|
||
<!-- ekka Cart End -->
|
||
|
||
|
||
<!-- Page detail section -->
|
||
<!-- Main Slider Start -->
|
||
<div class="sticky-header-next-sec ec-main-slider section section-space-pb">
|
||
<div class="ec-slider swiper-container main-slider-nav main-slider-dot">
|
||
<!-- Main slider -->
|
||
<div class="swiper-wrapper">
|
||
<div class="ec-slide-item swiper-slide d-flex ec-slide-1">
|
||
<img src="https://api.obanana.com/images/storage/web_images/1708068709103-0-02-06-f2fd3afbfa98cf9fcb81bce9df0691a06bb004b883d08ef2e80c4a3bdaf17f8f_1c6db9236e4582.jpg" alt="" width="1920">
|
||
<div class="container align-self-center">
|
||
<div class="row">
|
||
<div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
|
||
<div class="ec-slide-content slider-animation">
|
||
<h1 class="ec-slide-title">Next Day Delivery!</h1>
|
||
<h2 class="ec-slide-stitle">Get your purchased items within 24 hours!</h2>
|
||
<p>Your satisfaction is our priority, and we're here to make your shopping experience convenient and enjoyable!</p>
|
||
<!-- <a href="https://obanana.com/product-left-sidebar.php?id=6576c58dd1dba10ba2392765" class="btn btn-lg btn-secondary">Order Now</a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination swiper-pagination-white"></div>
|
||
<div class="swiper-buttons">
|
||
<div class="swiper-button-next"></div>
|
||
<div class="swiper-button-prev"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Main Slider End -->
|
||
<section class="ec-bnr-detail margin-bottom-30 section-space-pt">
|
||
<div class="ec-page-detail">
|
||
<div class="container">
|
||
<div class="ec-main-heading d-none">
|
||
<h2>Shop <span>Detail</span></h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-6 col-md-12">
|
||
<div class="ec-cat-bnr">
|
||
<a href="shop-left-sidebar-col-4.php"><span><img src="https://api.obanana.com/images/storage/web_images/1708412192539-NEXT%20DAY%20delivery.png" alt=""></span></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-12">
|
||
<div class="ec-page-description">
|
||
<h6>The Best deal on top brands</h6>
|
||
<p class="m-0">
|
||
We strive to provide exceptional service to our valued customers!
|
||
When you make purchases from this list, we're delighted to ensure that they are promptly delivered to you on the very next day. Your satisfaction is our priority, and we're here to make your shopping experience convenient and enjoyable!
|
||
<p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End detail section -->
|
||
|
||
<!-- Sart Shop -->
|
||
<section class="ec-page-content-bnr section-space-pb">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="ec-shop-rightside col-lg-12 col-md-12">
|
||
<!-- Shop Top Start -->
|
||
<div class="ec-pro-list-top d-flex">
|
||
<div class="col-md-6 ec-grid-list">
|
||
<div class="ec-gl-btn">
|
||
<button class="btn sidebar-toggle-icon"><i class="fi-rr-filter"></i></button>
|
||
<button class="btn btn-grid-50 active"><i class="fi-rr-apps"></i></button>
|
||
<button class="btn btn-list-50"><i class="fi-rr-list"></i></button>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 ec-sort-select">
|
||
<span class="sort-by">Sort by</span>
|
||
<div class="ec-select-inner">
|
||
<select name="ec-select" id="ec-select">
|
||
<option selected disabled>Position</option>
|
||
<option value="1">Relevance</option>
|
||
<option value="2">Name, A to Z</option>
|
||
<option value="3">Name, Z to A</option>
|
||
<option value="4">Price, low to high</option>
|
||
<option value="5">Price, high to low</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Shop Top End -->
|
||
|
||
<!-- Shop content Start -->
|
||
<!-- 02-19-2024 Jun Jihad Same Day Delivery page -->
|
||
<div class="shop-pro-content">
|
||
<div class="shop-pro-inner">
|
||
<div class="row">
|
||
<?php
|
||
$simpleProducts = sddProducts();
|
||
$productsPerPage = 8;
|
||
$currentPage = isset($_GET['page']) ? $_GET['page'] : 1;
|
||
$startIndex = ($currentPage - 1) * $productsPerPage;
|
||
$endIndex = $startIndex + $productsPerPage - 1;
|
||
$endIndex = min($endIndex, count($simpleProducts) - 1);
|
||
for ($i = $startIndex; $i <= $endIndex; $i++) {
|
||
|
||
// $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
|
||
$pid = $i;
|
||
$vendorOfProduct = getVendorbyId($simpleProducts[$pid]['vendor_api_id']);
|
||
?>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
|
||
<div class="ec-product-inner">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image">
|
||
<?php
|
||
if (isset($simpleProducts[$pid]['images'])) {
|
||
$image_urls = explode(',', $simpleProducts[$pid]['images']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
|
||
<?php
|
||
}
|
||
?>
|
||
<!-- <img class="main-image" src="<?php echo $simpleProducts[$pid]["images"] ?>" alt="Product" /> -->
|
||
<!-- <img class="hover-image" src="<?php echo $simpleProducts[$pid]["images"] ?>" alt="Product" /> -->
|
||
</a>
|
||
|
||
<div class="ec-pro-actions">
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($simpleProducts[$pid]), 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($simpleProducts[$pid]), 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 $simpleProducts[$pid]["_id"]; ?>">
|
||
<?php echo $simpleProducts[$pid]["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"> <?php echo $simpleProducts[$pid]["specifications"] ?></div>
|
||
<span class="ec-price">
|
||
<?php if (isset($simpleProducts[$pid]["sale_price"]) && $simpleProducts[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($simpleProducts[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($simpleProducts[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($simpleProducts[$pid]["regular_price"]) && $simpleProducts[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($simpleProducts[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
|
||
<?php elseif ($simpleProducts[$pid]["regular_price"] == "" || $simpleProducts[$pid]["regular_price"] == null) : ?>
|
||
<span class="inquire-text">Inquire</span>
|
||
<?php else : ?>
|
||
<span class="inquire-text">Inquire</span>
|
||
<?php endif; ?>
|
||
</span>
|
||
<!-- <div class="ec-pro-option">
|
||
<div class="ec-pro-color">
|
||
<span class="ec-pro-opt-label">Color</span>
|
||
<ul class="ec-opt-swatch ec-change-img">
|
||
<li class="active"><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/8_2.jpg"
|
||
data-src-hover="assets/images/product-image/8_2.jpg"
|
||
data-tooltip="Gray"><span
|
||
style="background-color:#e9dddd;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/8_3.jpg"
|
||
data-src-hover="assets/images/product-image/8_3.jpg"
|
||
data-tooltip="Orange"><span
|
||
style="background-color:#ffd5cb;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/8_4.jpg"
|
||
data-src-hover="assets/images/product-image/8_4.jpg"
|
||
data-tooltip="Green"><span
|
||
style="background-color:#92e4fd;"></span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
// }
|
||
?>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Pagination Start -->
|
||
<div class="ec-pro-pagination">
|
||
<span>Showing <?php echo $startIndex + 1; ?>-<?php echo $endIndex + 1; ?> of <?php echo count($simpleProducts); ?> item(s)</span>
|
||
<ul class="ec-pro-pagination-inner">
|
||
|
||
<?php
|
||
$totalPages = ceil(count($simpleProducts) / $productsPerPage);
|
||
$maxPaginationLinks = 5;
|
||
$startPage = max(1, $currentPage - floor($maxPaginationLinks / 2));
|
||
$endPage = min($startPage + $maxPaginationLinks - 1, $totalPages);
|
||
if ($startPage > 1) {
|
||
?>
|
||
<li><a href="?page=1">1</a></li>
|
||
<?php
|
||
if ($startPage > 2) {
|
||
?>
|
||
<li><span>...</span></li>
|
||
<?php
|
||
}
|
||
}
|
||
for ($page = $startPage; $page <= $endPage; $page++) {
|
||
$activeClass = ($page == $currentPage) ? 'active' : '';
|
||
?>
|
||
<li><a class="<?php echo $activeClass; ?>" href="?page=<?php echo $page; ?>"><?php echo $page; ?></a></li>
|
||
<?php
|
||
}
|
||
if ($endPage < $totalPages) {
|
||
if ($endPage < $totalPages - 1) {
|
||
?>
|
||
<li><span>...</span></li>
|
||
<?php
|
||
}
|
||
?>
|
||
<li><a href="?page=<?php echo $totalPages; ?>"><?php echo $totalPages; ?></a></li>
|
||
<?php
|
||
}
|
||
?>
|
||
</ul>
|
||
</div>
|
||
<!-- 02-19-2024 Jun Jihad Same Day Delivery page -->
|
||
<!-- Ec Pagination End -->
|
||
</div>
|
||
<!--Shop content End -->
|
||
</div>
|
||
<!-- Sidebar Area Start -->
|
||
<div class="filter-sidebar-overlay"></div>
|
||
<div class="ec-shop-leftside filter-sidebar">
|
||
<div class="ec-sidebar-heading">
|
||
<h1>Filter Products By</h1>
|
||
<a class="filter-cls-btn" href="javascript:void(0)">×</a>
|
||
</div>
|
||
<div class="ec-sidebar-wrap">
|
||
<!-- Sidebar Category Block -->
|
||
<div class="ec-sidebar-block">
|
||
<div class="ec-sb-title">
|
||
<h3 class="ec-sidebar-title">Category</h3>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" checked /> <a href="#">clothes</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" /> <a href="#">Bags</a><span class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" /> <a href="#">Shoes</a><span class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" /> <a href="#">cosmetics</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" /> <a href="#">electrics</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" /> <a href="#">phone</a><span class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li id="ec-more-toggle-content" style="padding: 0; display: none;">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" /> <a href="#">Watch</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" /> <a href="#">Cap</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item ec-more-toggle">
|
||
<span class="checked"></span><span id="ec-more-toggle">More
|
||
Categories</span>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Sidebar Size Block -->
|
||
<div class="ec-sidebar-block">
|
||
<div class="ec-sb-title">
|
||
<h3 class="ec-sidebar-title">Size</h3>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" value="" checked /><a href="#">S</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" value="" /><a href="#">M</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" value="" /> <a href="#">L</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" value="" /><a href="#">XL</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">
|
||
<input type="checkbox" value="" /><a href="#">XXL</a><span
|
||
class="checked"></span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Sidebar Color item -->
|
||
<div class="ec-sidebar-block ec-sidebar-block-clr">
|
||
<div class="ec-sb-title">
|
||
<h3 class="ec-sidebar-title">Color</h3>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#c4d6f9;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#ff748b;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#000000;"></span></div>
|
||
</li>
|
||
<li class="active">
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#2bff4a;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#ff7c5e;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#f155ff;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#ffef00;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#c89fff;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#7bfffa;"></span></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><span
|
||
style="background-color:#56ffc1;"></span></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Sidebar Price Block -->
|
||
<div class="ec-sidebar-block">
|
||
<div class="ec-sb-title">
|
||
<h3 class="ec-sidebar-title">Price</h3>
|
||
</div>
|
||
<div class="ec-sb-block-content es-price-slider">
|
||
<div class="ec-price-filter">
|
||
<div id="ec-sliderPrice" class="filter__slider-price" data-min="0" data-max="250"
|
||
data-step="10"></div>
|
||
<div class="ec-price-input">
|
||
<label class="filter__label"><input type="text" class="filter__input"></label>
|
||
<span class="ec-price-divider"></span>
|
||
<label class="filter__label"><input type="text" class="filter__input"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Shop -->
|
||
|
||
<?php include "footer.php" ?>
|
||
<!-- Modal -->
|
||
<div class="modal fade" id="ec_quickview_modal" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<button type="button" class="btn-close qty_close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<div class="col-md-5 col-sm-12 col-xs-12">
|
||
<!-- Swiper -->
|
||
<div class="qty-product-cover">
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="qty-nav-thumb">
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-7 col-sm-12 col-xs-12">
|
||
<div class="quickview-pro-content">
|
||
<h5 class="ec-quick-title"><a href="shop-left-sidebar-col-4.php">Handbag leather purse for
|
||
women</a>
|
||
</h5>
|
||
<div class="ec-quickview-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-quickview-desc">Lorem Ipsum is simply dummy text of the printing and
|
||
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
||
since the 1500s,</div>
|
||
<div class="ec-quickview-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</div>
|
||
|
||
<div class="ec-pro-variation">
|
||
<div class="ec-pro-variation-inner ec-pro-variation-color">
|
||
<span>Color</span>
|
||
<div class="ec-pro-color">
|
||
<ul class="ec-opt-swatch">
|
||
<li><span style="background-color:#696d62;"></span></li>
|
||
<li><span style="background-color:#d73808;"></span></li>
|
||
<li><span style="background-color:#577023;"></span></li>
|
||
<li><span style="background-color:#2ea1cd;"></span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-variation-inner ec-pro-variation-size ec-pro-size">
|
||
<span>Size</span>
|
||
<div class="ec-pro-variation-content">
|
||
<ul class="ec-opt-size">
|
||
<li class="active"><a href="#" class="ec-opt-sz"
|
||
data-tooltip="Small">S</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-tooltip="Medium">M</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-tooltip="Large">X</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-tooltip="Extra Large">XL</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-quickview-qty">
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<div class="ec-quickview-cart ">
|
||
<button class="btn btn-primary"><i class="fi-rr-shopping-basket"></i>> Add To Cart</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal 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>
|
||
<script src="assets/js/plugins/nouislider.js"></script>
|
||
|
||
<!-- Main Js -->
|
||
<script src="assets/js/vendor/index.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
<?php
|
||
if ($_SESSION["is_test"]==true) {
|
||
echo '<script src="assets/js/tester11.js"></script>';
|
||
} else {
|
||
echo '<script src="assets/js/produc3.js"></script>';
|
||
}
|
||
?>
|
||
</body>
|
||
|
||
</html>
|