2046 lines
141 KiB
PHP
2046 lines
141 KiB
PHP
<?php
|
||
include "functions.php";
|
||
|
||
$_SESSION["url"] = $_SERVER['REQUEST_URI'];
|
||
if ($_SESSION["userId"] <> "") {
|
||
$_SESSION["isLoggedIn"] = true;
|
||
$customer_data = getCustomerbyLoginId($_SESSION["userId"]);
|
||
// $customerData = json_decode($customer_data, true);
|
||
// var_dump("Customer Data " + $customerData);
|
||
// if ($customer_data) {
|
||
|
||
// $customerData = json_decode($customer_data, true);
|
||
// var_dump("Customer Data " + $customerData);
|
||
|
||
// }
|
||
|
||
} else {
|
||
$_SESSION["isLoggedIn"] = false;
|
||
};
|
||
|
||
if (isset($_GET['id'])) {
|
||
$product_id = $_GET['id'];
|
||
|
||
|
||
$product_data = getProduct($product_id);
|
||
|
||
|
||
if ($product_data) {
|
||
$product_details = json_decode($product_data, true);
|
||
|
||
$current_category = $product_details['product_category'];
|
||
|
||
$related_products = simpleProducts($current_category);
|
||
|
||
if ($product_details) {
|
||
$vendor_data = getVendorbyId($product_details['vendor_api_id']);
|
||
$vendor_details = json_decode($vendor_data, true);
|
||
|
||
if ($product_details['product_type'] === 'variable') {
|
||
$variation_products = getProductVariations($product_details['_id']);
|
||
if ($variation_products) {
|
||
$variation_details = json_decode($variation_products, true);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
?>
|
||
<!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/style.css" />
|
||
<link rel="stylesheet" href="assets/css/style2.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 != "") {
|
||
console.log("Data: " + data + "\nStatus: " + status);
|
||
document.getElementById("wishItemCount").innerHTML = data;
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.ec-single-pro-tab {
|
||
display: flex;
|
||
flex-direction: column;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.single-tab {
|
||
display: flex;
|
||
background-color: #f8f8f8;
|
||
border-radius: 8px 8px 0 0;
|
||
width: 50%;
|
||
}
|
||
|
||
.tab-button {
|
||
flex: 1;
|
||
padding: 12px;
|
||
background-color: #3498db;
|
||
border: none;
|
||
color: #fff;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
transition: background-color 0.3s ease;
|
||
border-radius: 8px;
|
||
margin: 0px 8px;
|
||
}
|
||
|
||
.tab-button.active {
|
||
background-color: #2980b9;
|
||
}
|
||
|
||
.tab-content {
|
||
display: none;
|
||
padding: 20px;
|
||
border: 1px solid #ddd;
|
||
border-radius: 0 0 8px 8px;
|
||
margin-top: 10px;
|
||
background-color: #fff;
|
||
}
|
||
|
||
.tab-content.active {
|
||
display: block;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc p {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc strong {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc u {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc ul {
|
||
list-style-type: disc;
|
||
margin-left: 20px;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc li {
|
||
margin-bottom: 5px;
|
||
list-style: disc;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc th,
|
||
.ec-single-pro-tab-desc td {
|
||
border: 1px solid #ddd;
|
||
padding: 8px;
|
||
text-align: left;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc th {
|
||
background-color: #f2f2f2;
|
||
}
|
||
|
||
.ec-single-pro-tab-desc img {
|
||
width: 50%;
|
||
display: block;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
/* 02-21-2024 Stacy added css for addtocart & wishlist */
|
||
.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;
|
||
}
|
||
|
||
/* 02-21-2024 Stacy added css for addtocart & wishlist */
|
||
</style>
|
||
</head>
|
||
|
||
<body onload="updateCartItemCount(); updateWishItemCount()" class="product_page">
|
||
<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 -->
|
||
|
||
<!-- Category Sidebar start -->
|
||
<?php include "category-slider.php" ?>
|
||
|
||
<!-- 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">Single Products</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">Products</li>
|
||
</ul>
|
||
<!-- ec-breadcrumb-list end -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec breadcrumb end -->
|
||
|
||
<!-- Sart Single product -->
|
||
<section class="ec-page-content section-space-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="ec-pro-rightside ec-common-rightside col-lg-9 order-lg-last col-md-12 order-md-first">
|
||
|
||
<!-- Single product content Start -->
|
||
<div class="single-pro-block">
|
||
<div class="single-pro-inner">
|
||
<!-- 02-20-2024 Stacy message sent pop-up -->
|
||
<?php
|
||
if (isset($_SESSION["SuccessfullySent"])) {
|
||
echo '<div class="alert alert-success" id="alertSuccess" role="alert"; content-align:center;>';
|
||
echo $_SESSION["SuccessfullySent"];
|
||
echo '</div>';
|
||
unset($_SESSION["SuccessfullySent"]);
|
||
echo " <script>
|
||
setTimeout(function() {
|
||
document.getElementById('alertSuccess').style.display = 'none';
|
||
}, 10000);
|
||
</script>";
|
||
}
|
||
?>
|
||
<!-- 02-20-2024 Stacy message sent pop-up -->
|
||
<div class="row">
|
||
<div class="single-pro-img">
|
||
<div class="single-product-scroll">
|
||
<?php $images = explode(",", $product_details["images"]); ?>
|
||
<div class="single-product-cover">
|
||
<?php
|
||
foreach ($images as $i) {
|
||
?>
|
||
<div class="single-slide zoom-image-hover" style="width: 100%; height: 500px; border: 1px solid #ddd; text-align: center; overflow: hidden;">
|
||
<?php
|
||
$placeholderImage = 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
|
||
if (!isset($product_details["images"]) or $product_details["images"] == "") {
|
||
$productImage = $placeholderImage;
|
||
} else {
|
||
$productImage = $i;
|
||
}
|
||
?>
|
||
<img id="mainProductImage" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;">
|
||
</div>
|
||
<?php
|
||
}
|
||
?>
|
||
</div>
|
||
<div class="single-nav-thumb">
|
||
<?php
|
||
foreach ($images as $i) {
|
||
?>
|
||
<div class="single-slides">
|
||
<?php
|
||
$placeholderImage = 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
|
||
if (!isset($product_details["images"]) or $product_details["images"] == "") {
|
||
$productImage = $placeholderImage;
|
||
} else {
|
||
$productImage = $i;
|
||
}
|
||
?>
|
||
<!-- <img class="img-responsive" src="<?php #echo $productImage;
|
||
?>" alt="" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;"> -->
|
||
<!-- 02-26-2024 Stacy updated img width & height -->
|
||
<img class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="max/width: 90px; height: 120px; object-fit: cover; object-position: center center;">
|
||
</div>
|
||
<?php
|
||
}
|
||
?>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="single-pro-desc">
|
||
<div class="single-pro-content">
|
||
<input type="hidden" id="product_Id" value="<?php echo $product_details['_id']; ?>">
|
||
<h5 class="ec-single-title" id="productTitle"><?php echo $product_details['product_name']; ?></h5>
|
||
<!-- <h5 class="ec-single-title" id="productTitlemodal"><?php echo $product_details['product_name']; ?></h5> -->
|
||
|
||
<!-- 02-22-2024 Stacy hide -->
|
||
<!-- <div class="ec-single-rating-wrap">
|
||
<div class="ec-single-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-o"></i>
|
||
</div>
|
||
<span class="ec-read-review"><a href="#ec-spt-nav-review">Be the first to
|
||
review this product</a></span>
|
||
</div> -->
|
||
<div class="ec-single-desc" id="shortDescription"><?php echo $product_details['product_description']; ?></div>
|
||
|
||
<!-- 02-22-2024 Stacy hide -->
|
||
<!-- <div class="ec-single-sales">
|
||
<div class="ec-single-sales-inner">
|
||
<div class="ec-single-sales-title">sales accelerators</div>
|
||
<div class="ec-single-sales-visitor">real time <span>24</span> visitor
|
||
right now!</div>
|
||
<div class="ec-single-sales-progress">
|
||
<span class="ec-single-progress-desc">Hurry up!left 29 in
|
||
stock</span>
|
||
<span class="ec-single-progressbar"></span>
|
||
</div>
|
||
<div class="ec-single-sales-countdown">
|
||
<div class="ec-single-countdown"><span id="ec-single-countdown"></span></div>
|
||
<div class="ec-single-count-desc">Time is Running Out!</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<div class="ec-single-price-stoke">
|
||
<div class="ec-single-price">
|
||
<span class="ec-single-ps-title">As low as</span>
|
||
<?php
|
||
// 02-13-24 Jun Jihad Removed Logic to DIsplay Price Range of Variable Products
|
||
if (isset($product_details['sale_price']) && $product_details['sale_price'] > 0) {
|
||
echo '<s><span id="productPrice" class="old-price">' . $product_details['regular_price'] . '</span></s>';
|
||
echo '<span id="productNewPrice" class="new-price">' . $product_details['sale_price'] . '</span>';
|
||
} elseif (!isset($product_details['regular_price']) || $product_details['regular_price'] <= 0) {
|
||
echo '<span id="productPrice" class="new-price">Contact Seller for Price</span>';
|
||
} else {
|
||
echo '<span id="productPrice" class="new-price">' . $product_details['regular_price'] . '</span>';
|
||
}
|
||
// 02-13-24 Jun Jihad Removed Logic to DIsplay Price Range of Variable Products
|
||
?>
|
||
</div>
|
||
<div class="ec-single-stoke">
|
||
<span class="ec-single-ps-title">Stocks Available</span>
|
||
<span class="ec-single-sku" id="productStock"><?php echo $product_details['stock']; ?></span>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 20240212 Jun Jihad Include Parent Product in the Variation Selection -->
|
||
<?php
|
||
if (isset($variation_details) && is_array($variation_details)) {
|
||
?>
|
||
<div class="ec-pro-variation">
|
||
<div class="ec-pro-variation-inner ec-pro-variation-size">
|
||
<span>VARIATION</span>
|
||
<div class="ec-pro-variation-content">
|
||
<ul class="eccart-pro-items">
|
||
<?php
|
||
$main_product_image = isset($product_details["product_image"]) ? $product_details["product_image"] : 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
|
||
?>
|
||
<a href="javascript:void(0);" onclick="selectVariation(<?php echo htmlspecialchars(json_encode($product_details), ENT_QUOTES, 'UTF-8'); ?>)">
|
||
<li style="width: 100px; height: 100px">
|
||
<img src="<?php echo $main_product_image; ?>" alt="product">
|
||
<?php foreach ($product_details['variables'] as $variable) { ?>
|
||
<p><?php echo $variable['name'] . ': ' . $variable['value']; ?></p>
|
||
<?php } ?>
|
||
</li>
|
||
</a>
|
||
|
||
<?php
|
||
foreach ($variation_details as $index => $variation) {
|
||
$variationImage = isset($variation["product_image"]) ? $variation["product_image"] : 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
|
||
?>
|
||
<a href="javascript:void(0);" onclick="selectVariation(<?php echo htmlspecialchars(json_encode($variation), ENT_QUOTES, 'UTF-8'); ?>)">
|
||
<li style="width: 100px; height: 100px">
|
||
<img src="<?php echo $variationImage; ?>" alt="product">
|
||
<?php foreach ($variation['variables'] as $variable) { ?>
|
||
<p><?php echo $variable['name'] . ': ' . $variable['value']; ?></p>
|
||
<?php } ?>
|
||
</li>
|
||
</a>
|
||
<?php
|
||
}
|
||
?>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
function selectVariation(variation) {
|
||
console.log("Variation selected: ", variation);
|
||
|
||
document.getElementById("productDescription").innerHTML = variation.specifications;
|
||
document.getElementById("shortDescription").innerHTML = variation.product_description;
|
||
document.getElementById("productTitle").innerText = variation.product_name;
|
||
document.getElementById("product_Id").value = variation._id;
|
||
var productImage = variation.product_image || 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
|
||
|
||
document.getElementById('mainProductImage').src = productImage;
|
||
|
||
document.getElementById("productTitlemodal").innerText = variation.product_name;
|
||
document.getElementById('mainProductImagemodal').src = productImage;
|
||
|
||
if (variation.regular_price || variation.sale_price) {
|
||
document.getElementById("productPrice").innerText = variation.sale_price ? variation.sale_price : variation.regular_price;
|
||
document.getElementById("productStock").innerText = variation.stock;
|
||
document.getElementById('addToCartButton').disabled = false;
|
||
document.getElementById("addToCartButton").style.display = "block";
|
||
document.getElementById("contactSellerButton").style.display = "none";
|
||
} else {
|
||
document.getElementById("productPrice").innerText = "Contact seller for price";
|
||
document.getElementById("productStock").innerText = "Available";
|
||
document.getElementById('addToCartButton').disabled = true;
|
||
document.getElementById("addToCartButton").style.display = "none";
|
||
document.getElementById("contactSellerButton").style.display = "block";
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<?php
|
||
}
|
||
?>
|
||
<!-- 20240212 Jun Jihad Include Parent Product in the Variation Selection -->
|
||
|
||
<!-- 02-22-2024 Stacy modified this block of code -->
|
||
<div class="ec-single-qty">
|
||
|
||
<div class="qty-plus-minuses" style="display:flex; overflow:visible;">
|
||
<!-- <div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="decrement()">-</div>
|
||
<input class="qty-inputs" style="width:100px; height:40px" type="number" name="ec_qtybtn" value="<?php #echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1";
|
||
?>" id="qty-input" />
|
||
<div class="qty-btn" style="color:#ffaa00; font-size:25px; padding-left:5px; cursor: pointer;" onclick="increment()">+</div> -->
|
||
|
||
<div class="ec-single-cart" style="display:flex; flex-direction:row; width:80%; overflow:visible; text-align:center; align-items:center; ">
|
||
<!-- 02-13-24 Jun Jihad Contact Seller will appear to Variable products with no price -->
|
||
<?php
|
||
if ($_SESSION["isLoggedIn"]) {
|
||
if ($product_details['product_type'] === "variable") {
|
||
echo '<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="decrement()">-</div>';
|
||
echo '<input class="qty-inputs" style="width:110px; height:40px" type="number" name="ec_qtybtn" value="';
|
||
echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1";
|
||
echo '" id="qty-input" />';
|
||
echo '<div class="qty-btn" style="color:#ffaa00; font-size:25px; padding-left:5px; cursor: pointer;" onclick="increment()">+</div>';
|
||
echo '<div style="display:flex; margin-left:45px;"><button type="button" class="btn btn-primary" id="contactSellerButton" style="background:#ffaa00; width:190px;" data-bs-toggle="modal" data-bs-target="#priceModal"><i class="fi-rr-envelope" style="font-size:20px; margin-bottom:-3px; margin-right:10px;"></i>Contact Seller</button>';
|
||
echo '<button class="btn btn-primary" id="addToCartButton" style="display:none">Add To Cart</button>';
|
||
echo '<div class="ec-single-wishlist">
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="wishlist()"><i class="fi fi-rr-heart" style="color:#B80F0A; font-size:20px;"></i></a>
|
||
</div></div>';
|
||
} else {
|
||
if (!empty($product_details['regular_price']) || !empty($product_details['sale_price'])) {
|
||
echo '<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="decrement()">-</div>';
|
||
echo '<input class="qty-inputs" style="width:100px; height:40px" type="number" name="ec_qtybtn" value="';
|
||
echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1";
|
||
echo '" id="qty-input" />';
|
||
echo '<div class="qty-btn" style="color:#ffaa00; font-size:25px; padding-left:5px; cursor: pointer;" onclick="increment()">+</div>';
|
||
// echo '<div id="addToCartMessage" style="border:1px solid red;"></div>';
|
||
echo '<div> <div id="addToCartMessage" style="padding-left:45px;"></div> <button class="btn btn-primary" id="addToCartButton" style="text-wrap:nowrap; background:#ffaa00; margin-left:55px;"><i class="fi-rr-shopping-bag" style="font-size:20px; margin-bottom:-3px; margin-right:10px;"></i>Add To Cart</button></div>';
|
||
echo '<div class="ec-single-wishlist">
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="wishlist()"><i class="fi fi-rr-heart" style="color:#B80F0A; font-size:20px;"></i></a>
|
||
</div>';
|
||
} else {
|
||
echo '<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#priceModal" style="text-wrap:nowrap;" >Contact seller</button>';
|
||
}
|
||
}
|
||
} else {
|
||
echo '<div class="login-button" style=""><p style="color:red; text-wrap:nowrap;">Please log in to your account.</p>';
|
||
echo '<a href="login.php" style="margin-left:-2px;"><button type="button" class="btn btn-primary" style="margin-left:-2px; margin-top:-20px; background:#ffaa00; border-radius:10px; letter-spacing:1px;" data-bs-toggle="modal">LOGIN</button></a></div>';
|
||
}
|
||
?>
|
||
<!-- <div class="ec-single-wishlist" style="border: 1px solid yellow;">
|
||
<a class="ec-btn-group wishlist" style="padding-left:40px;" title="Wishlist" onclick="wishlist()"><i class="fi fi-rr-heart"></i></a>
|
||
</div> -->
|
||
<!-- 02-22-2024 Stacy modified this block of code -->
|
||
|
||
<!-- 02-13-24 Jun Jihad Contact Seller will appear to Variable products with no price -->
|
||
|
||
|
||
<!-- <?php
|
||
// if ($_SESSION["isLoggedIn"]) {
|
||
// if ($product_details['product_type'] === "variable") {
|
||
// echo '<button class="btn btn-primary" id="addToCartButton" disabled>Add To Cart</button>';
|
||
// echo '<button type="button" class="btn btn-primary" id="contactSellerButton" style="display:none" data-bs-toggle="modal" data-bs-target="#priceModal">Contact seller</button>';
|
||
// } elseif ($product_details['regular_price'] && $product_details['regular_price'] !== "") {
|
||
// echo '<div id="addToCartMessage"></div>';
|
||
// echo '<button class="btn btn-primary" id="addToCartButton">Add To Cart</button>';
|
||
// } else {
|
||
// echo '<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#priceModal">Contact seller</button>';
|
||
// }
|
||
// } else {
|
||
// echo '<p>Please log in to add to cart.</p>';
|
||
// }
|
||
?> -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="priceModal" tabindex="-1" role="dialog" aria-labelledby="priceModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- Add your modal content here -->
|
||
<div class="seller-email">
|
||
<div class="row align-items-center">
|
||
<div class="col-md-1">
|
||
<b class="mb-0">To:</b>
|
||
</div>
|
||
<div class="col-md-1">
|
||
<span><?php echo $_SESSION["sales_email"] ?></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="product-details align-items-center" style="margin-top: 10px; width: 100%;">
|
||
<div class="row">
|
||
<div class="col-md-2 col-2">
|
||
<div class="single-slide zoom-image-hover" style="height: 70px; border: 1px solid #ddd; text-align: center; overflow: hidden;">
|
||
<?php
|
||
$placeholderImage = 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
|
||
$productImage = isset($product_details["product_image"]) ? $product_details["product_image"] : $placeholderImage;
|
||
?>
|
||
<img id="mainProductImagemodal" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="width: 100%; height: 100%; object-fit: cover;">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-8 col-8">
|
||
<div class="product-name text-center">
|
||
<h6 id="productTitlemodal"><?php echo $product_details['product_name']; ?></h6>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2 col-2">
|
||
<div class="qty-plus text-center">
|
||
<input class="qty-inputs" type="number" name="product_quantity" value="<?php echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1"; ?>" id="qty-input" min="<?php echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1"; ?>" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="inquiry-form" style="margin-top: 10px; background-color:#eeeeee;padding:20px; ">
|
||
<div class="text-information">
|
||
<b class="text">DETAILED REQUIREMENTS</b>
|
||
</div>
|
||
<!-- 02-19-2024 Stacy modified this block of code -->
|
||
<form action="contact-seller-action.php" method="post">
|
||
<label for="">Enter product details such as color,size,materials,etc. and other specification requirements to receive an accurate quote</label>
|
||
<textarea name="message" id="" cols="30" rows="5"></textarea>
|
||
<input name="product_name" type="hidden" value='<?php echo $product_details['product_name']; ?>' />
|
||
<input class="qty-inputs" type="hidden" name="product_quantityf" value="<?php echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1"; ?>" id="qty-input" min="<?php echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1"; ?>" />
|
||
|
||
<input name="product_id" type="hidden" value='<?php echo $product_details['_id']; ?>' />
|
||
|
||
<!-- <input name="product_quantity" type="number"/> -->
|
||
<div class="modal-footer">
|
||
<button type="submit" class="btn btn-secondary" data-bs-dismiss="modal">Send</button>
|
||
</div>
|
||
</form>
|
||
<!-- 02-19-2024 Stacy modified this block of code -->
|
||
</div>
|
||
</div>
|
||
<!-- <div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Send</button>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="ec-single-wishlist">
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="wishlist()"><i class="fi fi-rr-heart"></i></a>
|
||
</div> -->
|
||
|
||
<!-- <div class="ec-single-quickview">
|
||
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
|
||
</div> -->
|
||
</div>
|
||
<script>
|
||
function increment() {
|
||
var qtyInput = document.getElementById('qty-input');
|
||
qtyInput.value = parseInt(qtyInput.value) + 1;
|
||
}
|
||
|
||
function decrement() {
|
||
var qtyInput = document.getElementById('qty-input');
|
||
var currentQuantity = parseInt(qtyInput.value);
|
||
|
||
<?php if (!empty($product_details['minimum_order'])) : ?>
|
||
var minimumOrder = <?php echo $product_details['minimum_order']; ?>;
|
||
if (currentQuantity > minimumOrder) {
|
||
qtyInput.value = currentQuantity - 1;
|
||
}
|
||
<?php else : ?>
|
||
// If there is no minimum order, allow decrementing
|
||
if (currentQuantity > 1) {
|
||
qtyInput.value = currentQuantity - 1;
|
||
}
|
||
<?php endif; ?>
|
||
}
|
||
|
||
<?php
|
||
|
||
echo "var product_details = " . json_encode($product_details) . ";";
|
||
?>
|
||
|
||
function wishlist() {
|
||
var wishCustomerId = '<?php echo $customer_data[0]['_id'] ?>';
|
||
var wishProductId = '<?php echo $product_details['_id']; ?>';
|
||
|
||
fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/customers/' + wishCustomerId)
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
const existingWishlist = data.favorites ?? {
|
||
products: [],
|
||
vendors: []
|
||
};
|
||
|
||
// Check if the product already exists in the wishlist
|
||
const isAlreadyAdded = existingWishlist.products.some(product => product._id === wishProductId);
|
||
|
||
if (!isAlreadyAdded) {
|
||
const newFavorites = {
|
||
products: [{
|
||
...product_details, // Use the spread operator to include all properties from product_details
|
||
}]
|
||
};
|
||
|
||
existingWishlist.products.push(newFavorites.products[0]);
|
||
|
||
return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/customers/' + wishCustomerId, {
|
||
method: 'PATCH',
|
||
headers: {
|
||
'Content-Type': 'application/json'
|
||
},
|
||
body: JSON.stringify({
|
||
favorites: existingWishlist
|
||
}),
|
||
});
|
||
} else {
|
||
console.log("Product already exists in favorites");
|
||
// Optionally, you can notify the user that the product is already in their favorites
|
||
// alert("Product already exists in favorites");
|
||
return Promise.resolve(); // Resolve the promise to continue the chain
|
||
}
|
||
})
|
||
.then(response => {
|
||
if (response && response.ok) {
|
||
// Handle success (e.g., show a success message)
|
||
console.log("Added to favorites")
|
||
// location.reload();
|
||
} else if (response) {
|
||
// Handle error
|
||
console.error('Failed to submit data');
|
||
alert('Failed to submit data');
|
||
}
|
||
})
|
||
.catch(error => {
|
||
// Handle network or other errors
|
||
console.error('Error:', error);
|
||
alert('Error submitting data');
|
||
});
|
||
}
|
||
</script>
|
||
<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", {
|
||
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);
|
||
});
|
||
}
|
||
|
||
document.getElementById("addToCartButton").addEventListener("click", function() {
|
||
console.log("Button clicked");
|
||
|
||
login(email, password, function(token) {
|
||
var priceMatrix = <?php echo (!empty($product_details['price_matrix'])) ? json_encode($product_details['price_matrix']) : "[]"; ?>;
|
||
var quantityValue = document.getElementById("qty-input").value;
|
||
var minimumOrder = <?php echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1"; ?>;
|
||
var shippingFee = "<?php echo isset($product_details['shipping_fee']) && $product_details['shipping_fee'] !== '' ? $product_details['shipping_fee'] : '50'; ?>";
|
||
if (parseInt(quantityValue) < minimumOrder) {
|
||
quantityValue = minimumOrder;
|
||
alert("The minimum order quantity is " + minimumOrder);
|
||
}
|
||
|
||
// April 3, 2024 Jun Jihad Apply Matrix
|
||
var productPrice;
|
||
var foundPrice = false;
|
||
|
||
// if (priceMatrix.length > 0) {
|
||
// for (var i = 0; i < priceMatrix.length; i++) {
|
||
// for (var j = 0; j < priceMatrix[i].length; j++) {
|
||
// if (quantityValue <= parseInt(priceMatrix[i][j].quantity)) {
|
||
// productPrice = parseFloat(priceMatrix[i][j].price);
|
||
// foundPrice = true;
|
||
// break;
|
||
// }
|
||
// }
|
||
// if (foundPrice) {
|
||
// break;
|
||
// }
|
||
// }
|
||
// }
|
||
|
||
if (priceMatrix.length > 0) {
|
||
for (var i = 0; i < priceMatrix.length; i++) {
|
||
for (var j = 0; j < priceMatrix[i].length; j++) {
|
||
var currentQuantity = parseFloat(priceMatrix[i][j].quantity);
|
||
var nextQuantity = (j < priceMatrix[i].length - 1) ? parseFloat(priceMatrix[i][j + 1].quantity) : Infinity;
|
||
|
||
if (quantityValue >= currentQuantity && quantityValue < nextQuantity) {
|
||
productPrice = parseFloat(priceMatrix[i][j].price);
|
||
foundPrice = true;
|
||
break;
|
||
}
|
||
}
|
||
if (foundPrice) {
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
if (!foundPrice) {
|
||
productPrice = parseFloat(document.getElementById("productNewPrice") ? document.getElementById("productNewPrice").innerText : document.getElementById("productPrice").innerText);
|
||
}
|
||
var productData = {
|
||
product: {
|
||
product_image: document.getElementById("mainProductImage").getAttribute('src'),
|
||
product_id: document.getElementById("product_Id").value,
|
||
name: document.getElementById("productTitle").innerText,
|
||
},
|
||
price: productPrice,
|
||
quantity: quantityValue,
|
||
vendor_id: "<?php echo $vendor_details['_id'] ?>",
|
||
vendor_name: "<?php echo $vendor_details['user_login'] ?>",
|
||
};
|
||
// April 3, 2024 Jun Jihad Apply Matrix
|
||
|
||
console.log("Product data:", productData);
|
||
|
||
var totalAmount = productData.price * productData.quantity;
|
||
|
||
var customerData = {
|
||
customer_id: "<?php $customer = $customer_data[0];
|
||
echo $customer['_id']; ?>",
|
||
name: "<?php echo $customer['first_name']; ?> <?php echo $customer['last_name']; ?>",
|
||
};
|
||
|
||
console.log("Customer data:", customerData);
|
||
|
||
// Check if the product is already in the order API
|
||
var existingOrder;
|
||
var orderCheckXhr = new XMLHttpRequest();
|
||
orderCheckXhr.open("GET", "https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/customer/" + customerData.customer_id, true);
|
||
orderCheckXhr.onreadystatechange = function() {
|
||
if (orderCheckXhr.readyState === 4) {
|
||
if (orderCheckXhr.status === 200) {
|
||
var orders = JSON.parse(orderCheckXhr.responseText);
|
||
var existingItemId;
|
||
var ordersFiltered = orders.filter((e) => e.status === "CART" || e.status === "Cart")
|
||
existingOrder = ordersFiltered.find(order => order.items.some(item => item.product.product_id === productData.product.product_id));
|
||
console.log("exist? " + existingOrder)
|
||
if (existingOrder) {
|
||
var existingItemId = existingOrder.items[0]._id;
|
||
|
||
// If the product is found in an existing CART order, update the order
|
||
updateOrder(existingOrder._id, existingItemId);
|
||
} else {
|
||
// If the product is not found or the order is not a CART, create a new order
|
||
console.log("No Order Yet!")
|
||
createNewOrder()
|
||
}
|
||
} else if (orderCheckXhr.status === 404) {
|
||
// If the customer has no orders, create a new order
|
||
console.log("No Order Yet!")
|
||
createNewOrder();
|
||
} else {
|
||
// Handle error response from the server when checking orders
|
||
console.log("Error checking orders:", orderCheckXhr.responseText);
|
||
}
|
||
}
|
||
};
|
||
|
||
orderCheckXhr.send();
|
||
|
||
function createNewOrder() {
|
||
var xhr = new XMLHttpRequest();
|
||
|
||
// Declare requestData before sending the request
|
||
var requestData = {
|
||
items: [productData],
|
||
customer: [customerData],
|
||
status: "CART",
|
||
total_amount: totalAmount,
|
||
shipping_fee: shippingFee,
|
||
};
|
||
|
||
console.log("Request data:", requestData);
|
||
// const token = '<?php echo $_SESSION["token"] ?>';
|
||
xhr.open("POST", "https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders", true);
|
||
xhr.setRequestHeader("Content-Type", "application/json", );
|
||
xhr.setRequestHeader("Authorization", "Bearer " + token);
|
||
xhr.onreadystatechange = function() {
|
||
if (xhr.readyState === 4) {
|
||
if (xhr.status === 201) {
|
||
var response = JSON.parse(xhr.responseText);
|
||
|
||
console.log("Response:", response);
|
||
|
||
// Update the cart dynamically
|
||
var cartList = document.querySelector(".eccart-pro-items");
|
||
|
||
var newOrder = document.createElement("li");
|
||
newOrder.id = `order_${response._id}`;
|
||
console.log(response)
|
||
newOrder.innerHTML = `
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
|
||
<img src="${response.items[0].product.product_image}" alt="product">
|
||
</a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
|
||
<span class="cart-price" id="cart-price">
|
||
Unit Price: <span>${response.items[0].price}</span>
|
||
</span>
|
||
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
|
||
<!-- 02-16-2024 Stacy added style -->
|
||
<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('${response._id}', '${response.items[0]._id}', true)">-</div>
|
||
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
|
||
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
|
||
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
|
||
</div>
|
||
<!-- 02-16-2024 Stacy added style -->
|
||
</div>
|
||
`;
|
||
getLatestOrders()
|
||
updateCartItemCount()
|
||
cartList.appendChild(newOrder);
|
||
document.getElementById("addToCartMessage").innerText = "Product added to cart!";
|
||
setTimeout(function() {
|
||
document.getElementById("addToCartMessage").innerText = "";
|
||
}, 1000);
|
||
} else {
|
||
// Handle error response from the server
|
||
console.log("Error response from the server");
|
||
console.log(xhr.responseText); // Log the server's response
|
||
}
|
||
}
|
||
};
|
||
|
||
xhr.send(JSON.stringify(requestData));
|
||
}
|
||
|
||
function getLatestOrders() {
|
||
var customerId = '<?php echo $customer_data[0]['_id'] ?>'
|
||
// Fetch the order data
|
||
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/customer/${customerId}`)
|
||
.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 updateOrder(orderId, existingItemId) {
|
||
var updateOrderXhr = new XMLHttpRequest();
|
||
// const token = '<?php echo $_SESSION["token"] ?>';
|
||
updateOrderXhr.open("PUT", `https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}/items/${existingItemId}`, true);
|
||
updateOrderXhr.setRequestHeader("Content-Type", "application/json");
|
||
updateOrderXhr.setRequestHeader("Authorization", "Bearer " + token);
|
||
updateOrderXhr.onreadystatechange = function() {
|
||
if (updateOrderXhr.readyState === 4) {
|
||
if (updateOrderXhr.status === 200) {
|
||
var response = JSON.parse(updateOrderXhr.responseText);
|
||
console.log("Order updated:", response);
|
||
|
||
var cartItem = document.getElementById(`order_${response._id}`);
|
||
|
||
if (cartItem) {
|
||
var updatedQuantity = response.items[0].quantity;
|
||
var totalAmount = response.items[0].price * updatedQuantity;
|
||
// If the cart item already exists, update its content using innerHTML
|
||
cartItem.innerHTML = `
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
|
||
<img src="${response.items[0].product.product_image}" alt="product">
|
||
</a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
|
||
<span class="cart-price" id="cart-price">
|
||
Unit Price: <span>${response.items[0].price}</span>
|
||
</span>
|
||
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
|
||
<div class="qty-plus-minuses">
|
||
<div class="qty-btn" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)">-</div>
|
||
<input id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
|
||
<div class="qty-btn" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
|
||
</div>
|
||
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')">x</a>
|
||
</div>
|
||
`;
|
||
document.getElementById(`qty-input-${response.items[0]._id}`).value = updatedQuantity;
|
||
} else {
|
||
// If the cart item doesn't exist, create a new one
|
||
console.log("Error updating order:", updateOrderXhr.responseText);
|
||
}
|
||
|
||
getLatestOrders();
|
||
updateCartItemCount();
|
||
document.getElementById("addToCartMessage").innerText = "Product added to cart!";
|
||
setTimeout(function() {
|
||
document.getElementById("addToCartMessage").innerText = "";
|
||
}, 1000);
|
||
} else {
|
||
// Handle error response from the server
|
||
console.log("Error response from the server");
|
||
console.log(xhr.responseText); // Log the server's response
|
||
}
|
||
}
|
||
};
|
||
var existingQuantity = parseInt(existingOrder.items[0].quantity, 10);
|
||
var newQuantity = parseInt(quantityValue, 10);
|
||
var updatedQuantity = existingQuantity + newQuantity;
|
||
|
||
// Check if the updated quantity exceeds the previous price matrix
|
||
var newProductPrice = productPrice;
|
||
var foundNewPrice = false;
|
||
if (priceMatrix.length > 0) {
|
||
for (var i = 0; i < priceMatrix.length; i++) {
|
||
for (var j = 0; j < priceMatrix[i].length; j++) {
|
||
var currentQuantity = parseFloat(priceMatrix[i][j].quantity);
|
||
var nextQuantity = (j < priceMatrix[i].length - 1) ? parseFloat(priceMatrix[i][j + 1].quantity) : Infinity;
|
||
if (updatedQuantity >= currentQuantity && updatedQuantity < nextQuantity) {
|
||
newProductPrice = parseFloat(priceMatrix[i][j].price);
|
||
foundNewPrice = true;
|
||
break;
|
||
}
|
||
}
|
||
if (foundNewPrice) {
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
if (foundNewPrice) {
|
||
productPrice = newProductPrice;
|
||
}
|
||
|
||
var updateData = {
|
||
quantity: updatedQuantity,
|
||
price: productPrice // Update the price for the item
|
||
};
|
||
|
||
updateOrderXhr.send(JSON.stringify(updateData));
|
||
|
||
// Patch the total amount of the order with the updated price and quantity
|
||
var patchTotalAmountXhr = new XMLHttpRequest();
|
||
patchTotalAmountXhr.open("PATCH", `https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, true);
|
||
patchTotalAmountXhr.setRequestHeader("Content-Type", "application/json");
|
||
patchTotalAmountXhr.setRequestHeader("Authorization", "Bearer " + token);
|
||
|
||
var totalAmount = productPrice * updatedQuantity;
|
||
var patchData = {
|
||
total_amount: totalAmount
|
||
};
|
||
|
||
patchTotalAmountXhr.send(JSON.stringify(patchData));
|
||
}
|
||
|
||
|
||
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<!-- <div class="ec-single-social">
|
||
<ul class="mb-0">
|
||
<li class="list-inline-item facebook"><a href="#"><i class="ecicon eci-facebook"></i></a></li>
|
||
<li class="list-inline-item twitter"><a href="#"><i class="ecicon eci-twitter"></i></a></li>
|
||
<li class="list-inline-item instagram"><a href="#"><i class="ecicon eci-instagram"></i></a></li>
|
||
<li class="list-inline-item youtube-play"><a href="#"><i class="ecicon eci-youtube-play"></i></a></li>
|
||
<li class="list-inline-item behance"><a href="#"><i class="ecicon eci-behance"></i></a></li>
|
||
<li class="list-inline-item whatsapp"><a href="#"><i class="ecicon eci-whatsapp"></i></a></li>
|
||
<li class="list-inline-item plus"><a href="#"><i class="ecicon eci-plus"></i></a></li>
|
||
</ul>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Single product content End -->
|
||
<div class="ec-single-pro-tab">
|
||
|
||
<div class="single-tab">
|
||
<button class="tab-button" onclick="openTab('description')">Description</button>
|
||
<button class="tab-button" onclick="openTab('review')">Review</button>
|
||
</div>
|
||
|
||
<div id="description" class="tab-content">
|
||
<div class="ec-single-pro-tab-desc" id="productDescription">
|
||
<?php echo ($product_details["specifications"]); ?>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="review" class="tab-content">
|
||
<img src="https://api.obanana.com/images/storage/web_images/1705042187464-viber_image_2023-12-12_16-04-25-151.png" alt="" />
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script>
|
||
function openTab(tabName) {
|
||
var i, tabContent, tabButtons;
|
||
tabContent = document.getElementsByClassName("tab-content");
|
||
tabButtons = document.getElementsByClassName("tab-button");
|
||
|
||
for (i = 0; i < tabContent.length; i++) {
|
||
tabContent[i].style.display = "none";
|
||
}
|
||
|
||
for (i = 0; i < tabButtons.length; i++) {
|
||
tabButtons[i].classList.remove("active");
|
||
}
|
||
|
||
document.getElementById(tabName).style.display = "block";
|
||
event.currentTarget.classList.add("active");
|
||
}
|
||
|
||
// Set "Description" tab as active by default
|
||
window.onload = function() {
|
||
openTab('description');
|
||
};
|
||
</script>
|
||
<!-- Single product tab start -->
|
||
<!-- <div class="ec-single-pro-tab">
|
||
<div class="ec-single-pro-tab-wrapper">
|
||
<div class="ec-single-pro-tab-nav">
|
||
<ul class="nav nav-tabs">
|
||
<li class="nav-item">
|
||
<a class="nav-link active" data-bs-toggle="tab" data-bs-target="#ec-spt-nav-details" role="tablist">Detail</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#ec-spt-nav-info" role="tablist">More Information</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#ec-spt-nav-review" role="tablist">Reviews</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-content ec-single-pro-tab-content">
|
||
<div id="ec-spt-nav-details" class="tab-pane fade show active">
|
||
<div class="ec-single-pro-tab-desc">
|
||
|
||
<?php echo nl2br($product_details["specifications"]); ?>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div id="ec-spt-nav-info" class="tab-pane fade">
|
||
<div class="ec-single-pro-tab-moreinfo">
|
||
<ul>
|
||
<li><span>Weight</span> 1000 g</li>
|
||
<li><span>Dimensions</span> 35 × 30 × 7 cm</li>
|
||
<li><span>Color</span> Black, Pink, Red, White</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="ec-spt-nav-review" class="tab-pane fade">
|
||
<div class="row">
|
||
<div class="ec-t-review-wrapper">
|
||
<div class="ec-t-review-item">
|
||
<div class="ec-t-review-avtar">
|
||
<img src="assets/images/review-image/1.jpg" alt="" />
|
||
</div>
|
||
<div class="ec-t-review-content">
|
||
<div class="ec-t-review-top">
|
||
<div class="ec-t-review-name">Jeny Doe</div>
|
||
<div class="ec-t-review-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-o"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ec-t-review-bottom">
|
||
<p>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, when an unknown
|
||
printer took a galley of type and scrambled it to make a
|
||
type specimen.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-t-review-item">
|
||
<div class="ec-t-review-avtar">
|
||
<img src="assets/images/review-image/2.jpg" alt="" />
|
||
</div>
|
||
<div class="ec-t-review-content">
|
||
<div class="ec-t-review-top">
|
||
<div class="ec-t-review-name">Linda Morgus</div>
|
||
<div class="ec-t-review-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-o"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ec-t-review-bottom">
|
||
<p>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, when an unknown
|
||
printer took a galley of type and scrambled it to make a
|
||
type specimen.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="ec-ratting-content">
|
||
<h3>Add a Review</h3>
|
||
<div class="ec-ratting-form">
|
||
<form action="#">
|
||
<div class="ec-ratting-star">
|
||
<span>Your rating:</span>
|
||
<div class="ec-t-review-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ec-ratting-input">
|
||
<input name="your-name" placeholder="Name" type="text" />
|
||
</div>
|
||
<div class="ec-ratting-input">
|
||
<input name="your-email" placeholder="Email*" type="email" required />
|
||
</div>
|
||
<div class="ec-ratting-input form-submit">
|
||
<textarea name="your-commemt" placeholder="Enter Your Comment"></textarea>
|
||
<button class="btn btn-primary" type="submit" value="Submit">Submit</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<!-- product details description area end -->
|
||
</div>
|
||
<!-- Sidebar Area Start -->
|
||
<div class="ec-pro-leftside ec-common-leftside col-lg-3 order-lg-first col-md-12 order-md-last">
|
||
<div class="ec-sidebar-wrap">
|
||
<!-- Sidebar Category Block -->
|
||
<div class="ec-sidebar-block">
|
||
<div class="ec-sb-title">
|
||
<h3 class="ec-sidebar-title">Discover More Products By Category</h3>
|
||
</div>
|
||
<div class="ec-sidebar-sub-item">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=Electronics">Electronics</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=Solar">Solar</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=E-bike">E-Bike</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=E-vehicle">E-Vehicle</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=Appliance">Appliance</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=Smart Home">Smart Home</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=Home">Home</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=Apparell">Apparell</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><a href="search_product_action.php?category=Heavy Equipment">Heavy Equipment</a></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- <div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">clothes</div>
|
||
<ul style="display: block;">
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">shoes</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">bag</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">cosmetics</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">electronics</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">phone</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">accessories</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div> -->
|
||
</div>
|
||
<!-- Sidebar Category Block -->
|
||
</div>
|
||
<div class="ec-sidebar-slider">
|
||
<div class="ec-sb-slider-title">Best Sellers</div>
|
||
<div class="ec-sb-pro-sl">
|
||
<div>
|
||
<?php
|
||
$productBestSellers = simpleProducts("");
|
||
$array = array_filter($productBestSellers, function ($var) {
|
||
return (fnmatch("Solar*", $var['product_category']) || fnmatch("E-bike*", $var['product_category'])
|
||
|| fnmatch("Appliance*", $var['product_category']) || fnmatch("E-Vehicle*", $var['product_category'])
|
||
|| fnmatch("Electronics*", $var['product_category']) || fnmatch("Smart Home*", $var['product_category'])
|
||
|| fnmatch("Heavy Equipment*", $var['product_category']) || fnmatch("Home*", $var['product_category']));
|
||
});
|
||
$bestSellers = array_values($array);
|
||
for ($x = 0; $x <= 3; $x++) {
|
||
$pid = rand(0, count($bestSellers) - 1);
|
||
?>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>" class="sidekka_pro_img"><img src="<?php echo $bestSellers[$pid]["product_image"] ?>" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>"><?php echo $bestSellers[$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> -->
|
||
<span class="ec-price">
|
||
<?php if (isset($bestSellers[$pid]["sale_price"]) && $bestSellers[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($bestSellers[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($bestSellers[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($bestSellers[$pid]["regular_price"]) && $bestSellers[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($bestSellers[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
|
||
<?php elseif ($bestSellers[$pid]["regular_price"] == "" || $bestSellers[$pid]["regular_price"] == null) : ?>
|
||
<span class="inquire-text">Inquire</span>
|
||
<?php else : ?>
|
||
<span class="inquire-text">Inquire</span>
|
||
<?php endif; ?>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<?php } ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Sidebar Area Start -->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Single product -->
|
||
|
||
<!-- Related Product Start -->
|
||
<section class="section ec-releted-product 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">Related products</h2>
|
||
<h2 class="ec-title">Related products</h2>
|
||
<p class="sub-title">Browse The Collection of Top Products</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row margin-minus-b-30">
|
||
<!-- Related Product Content -->
|
||
|
||
<?php
|
||
$array = array_filter($related_products, function ($var) use ($current_category) {
|
||
return fnmatch("$current_category*", $var['product_category']);
|
||
});
|
||
|
||
$similar_products = array_values($array);
|
||
for ($x = 0; $x < 4 && $x < count($similar_products); $x++) {
|
||
$pid = rand(0, count($similar_products) - 1);
|
||
#02-21-2024 Stacy added
|
||
$vendorOfProduct = getVendorbyId($similar_products[$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"> -->
|
||
<!-- 02-21-2024 Stacy changed link for image -->
|
||
<a class="image" href="product-left-sidebar.php?id=<?php echo $similar_products[$pid]["_id"] ?>">
|
||
<img class="main-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
|
||
<img class="hover-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
|
||
</a>
|
||
<!-- 02-21-2024 Stacy commented out -->
|
||
<!-- <span class="percentage">20%</span> -->
|
||
<!-- <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a> -->
|
||
|
||
<!-- <div class="ec-pro-actions">
|
||
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
|
||
<button title="Add To Cart" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi fi-rr-heart"></i>
|
||
</div> -->
|
||
<!-- 02-21-2024 Stacy commented out -->
|
||
<!-- 02-21-2024 Stacy added -->
|
||
<div class="ec-pro-actions" style="bottom: -36px;">
|
||
<!-- 02-29-2024 Stacy disabling hover add to cart if there's no price -->
|
||
<?php if (isset($similar_products[$pid]["sale_price"]) && $similar_products[$pid]["sale_price"] > 0) : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($similar_products[$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($similar_products[$pid]), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
|
||
|
||
<?php elseif (isset($similar_products[$pid]["regular_price"]) && $similar_products[$pid]["regular_price"] != "") : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($similar_products[$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($similar_products[$pid]), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
|
||
|
||
<?php else : ($similar_products[$pid]["regular_price"] == "" || $similar_products[$pid]["regular_price"] == null) ?>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($similar_products[$pid]), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
|
||
|
||
<?php endif; ?>
|
||
<!-- 02-29-2024 Stacy disabling hover add to cart if there's no price -->
|
||
|
||
<!-- <button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($similar_products[$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($similar_products[$pid]), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a> -->
|
||
</div>
|
||
<!-- 02-21-2024 Stacy added -->
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-content">
|
||
<!-- 02-21-2024 Stacy updated link for product name -->
|
||
<!-- <h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php?id=<?php #echo $similar_products[$pid]["_id"]
|
||
?>"><?php #echo $similar_products[$pid]["product_name"]
|
||
?></a></h5> -->
|
||
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $similar_products[$pid]["_id"]; ?>"><?php echo $similar_products[$pid]["product_name"] ?></a></h5>
|
||
<!-- 02-21-2024 Stacy updated link for product name -->
|
||
|
||
<!-- 02-20-2024 Stacy commented ratings -->
|
||
<!-- <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> -->
|
||
<!-- 02-20-2024 Stacy commented ratings -->
|
||
<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>
|
||
<span class="ec-price">
|
||
<!-- 02-20-2024 Stacy added product price in peso -->
|
||
<?php if (isset($similar_products[$pid]["sale_price"]) && $similar_products[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($similar_products[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($similar_products[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($similar_products[$pid]["regular_price"]) && $similar_products[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($similar_products[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<?php elseif ($similar_products[$pid]["regular_price"] == "" || $similar_products[$pid]["regular_price"] == null) : ?>
|
||
<span class="inquire-text">Inquire</span>
|
||
<?php else : ?>
|
||
<span class="inquire-text">Inquire</span>
|
||
<?php endif; ?>
|
||
<!-- 02-20-2024 Stacy added product price in peso -->
|
||
|
||
<!-- <span class="old-price">$27.00</span>
|
||
<span class="new-price">$22.00</span> -->
|
||
</span>
|
||
<!-- 02-20-2024 Stacy commented out variations -->
|
||
<!-- <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/6_1.jpg" data-src-hover="assets/images/product-image/6_1.jpg" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img" data-src="assets/images/product-image/6_2.jpg" data-src-hover="assets/images/product-image/6_2.jpg" data-tooltip="Orange"><span style="background-color:#9cfdd5;"></span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-pro-size">
|
||
<span class="ec-pro-opt-label">Size</span>
|
||
<ul class="ec-opt-size">
|
||
<li class="active"><a href="#" class="ec-opt-sz" data-old="$25.00" data-new="$20.00" data-tooltip="Small">S</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$27.00" data-new="$22.00" data-tooltip="Medium">M</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$35.00" data-new="$30.00" data-tooltip="Extra Large">XL</a></li>
|
||
</ul>
|
||
</div>
|
||
</div> -->
|
||
<!-- 02-20-2024 Stacy commented out variations -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
?>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Related Product end -->
|
||
|
||
|
||
<!-- Footer Start -->
|
||
<?php include "footer.php" ?>
|
||
<!-- Footer Area End -->
|
||
|
||
<!-- 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-heart"></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 -->
|
||
<!-- 02-20-2024 Stacy commented out -->
|
||
<!-- <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> -->
|
||
<!-- 02-20-2024 Stacy commented out -->
|
||
<!-- 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>
|
||
<script src="assets/js/newjs.js"></script>
|
||
|
||
<!-- 02-21-2024 Stacy added js link -->
|
||
<?php
|
||
if ($_SESSION["is_test"] == true) {
|
||
echo '<script src="assets/js/tester11.js"></script>';
|
||
} else {
|
||
echo '<script src="assets/js/produc3.js"></script>';
|
||
}
|
||
?>
|
||
<!-- 02-21-2024 Stacy added js link -->
|
||
</body>
|
||
|
||
</html>
|