1823 lines
136 KiB
PHP
1823 lines
136 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;
|
||
}
|
||
|
||
?>
|
||
<!--=========================================================
|
||
Item Name: oBanana B2B - Elevate Your Business
|
||
Author: ashishmaraviya
|
||
Version: 3.6
|
||
Copyright 2023
|
||
Author URI: https://themeforest.net/user/ashishmaraviya
|
||
============================================================-->
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||
|
||
<title>oBanana B2B - Elevate Your Business</title>
|
||
<meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
|
||
<meta name="description" content="Best ecommerce html template for single and multi vendor store.">
|
||
<meta name="author" content="ashishmaraviya">
|
||
|
||
<!-- site Favicon -->
|
||
<link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
|
||
<link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
|
||
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
|
||
|
||
<!-- css Icon Font -->
|
||
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
|
||
|
||
<!-- css All Plugins Files -->
|
||
<link rel="stylesheet" href="assets/css/plugins/animate.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
|
||
|
||
<!-- Main Style -->
|
||
<link rel="stylesheet" href="assets/css/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;
|
||
document.getElementById("cartNewItemCount").innerHTML = data;
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
function updateWishItemCount() {
|
||
$.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
|
||
if (data != "") {
|
||
document.getElementById("wishItemCount").innerHTML = data;
|
||
document.getElementById("wishNewItemCount").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 -->
|
||
|
||
<!-- Category Sidebar start -->
|
||
<?php include "category-slider.php" ?>
|
||
|
||
<!-- 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 loading="lazy" src="https://api.obanana.com/images/storage/web_images/1707370320758-banner_powerbank.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">FREE SHIPPING!</h1>
|
||
<h2 class="ec-slide-stitle">Obanana Series 2 PowerBank Collection</h2>
|
||
<p>More that just a backup - a lifeline for your devices. A perfect blend of style and substance - stay in control of your day!</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 class="ec-slide-item swiper-slide d-flex ec-slide-2">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1703049975908-3.png" 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">Trailblazing Service Robot Applications</h1>
|
||
<h2 class="ec-slide-stitle">Revolutionizing human labor solutions</h2>
|
||
<p>PadBot Robot is the way forward!</p>
|
||
<a href="search_product_action.php?category=Robot" class="btn btn-lg btn-secondary">Order Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-slide-item swiper-slide d-flex ec-slide-2">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1705052043932-omnia banner 3-min.png" 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">We pack everything.</h1>
|
||
<h2 class="ec-slide-stitle">Unlocking Efficiency, One Box at a Time</h2>
|
||
<p>Tailored boxes of all sizes for Your Supply Chain Success.</p>
|
||
<a href="search_product_action.php?category=Electronics" 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 -->
|
||
|
||
<!-- Product tab Area Start -->
|
||
<section class="section ec-product-tab section-space-p" id="collection">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Our Top Collection</h2>
|
||
<h2 class="ec-title">Our Top Collection</h2>
|
||
<p class="sub-title">Browse The Collection of Top Products</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Tab Start -->
|
||
<div class="col-md-12 text-center">
|
||
<ul class="ec-pro-tab-nav nav justify-content-center">
|
||
<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#all-top-products">For
|
||
All</a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#electronics">For
|
||
Electronics</a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#smart-home">For
|
||
Smart Home</a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#e-vehicle">For
|
||
E-Vehicle</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Tab End -->
|
||
</div>
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="tab-content">
|
||
<!-- 1st Product tab start -->
|
||
<div class="tab-pane fade show active" id="all-top-products">
|
||
<div class="row">
|
||
<!-- Product Content -->
|
||
<?php
|
||
$simpleProducts = simpleProducts("");
|
||
$array = array_filter($simpleProducts, 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']));
|
||
});
|
||
$forAll = array_values($array);
|
||
|
||
if (empty($forAll)) {
|
||
echo '<div class="col-sm-12">No products in this category</div>';
|
||
} else {
|
||
for ($x = 0; $x <= 7; $x++) {
|
||
$pid = rand(0, count($forAll) - 1);
|
||
$vendorOfProduct = getVendorbyId($forAll[$pid]['vendor_api_id']);
|
||
?>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 ec-product-content" data-animation="fadeIn">
|
||
<div class="ec-product-inner">
|
||
<!-- raymart added style feb 26 2024 -->
|
||
<div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
|
||
<!-- <div class="ec-pro-image-outer"> -->
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>">
|
||
<!-- raymart added function for images feb 21 2024-->
|
||
<?php
|
||
if (isset($forAll[$pid]['images'])) {
|
||
$image_urls = explode(',', $forAll[$pid]['images']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
|
||
<?php
|
||
}
|
||
?>
|
||
</a>
|
||
<!-- <a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>" class="image">
|
||
<img loading="lazy" class="main-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
|
||
<img loading="lazy" class="hover-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
|
||
</a> -->
|
||
<!-- <span class="percentage">20%</span> -->
|
||
<!-- raymart edit action -->
|
||
<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($forAll[$pid]["sale_price"]) && $forAll[$pid]["sale_price"] > 0) : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($forAll[$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($forAll[$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($forAll[$pid]["regular_price"]) && $forAll[$pid]["regular_price"] != "") : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($forAll[$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($forAll[$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 : ($forAll[$pid]["regular_price"] == "" || $forAll[$pid]["regular_price"] == null) ?>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($forAll[$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($forAll[$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($forAll[$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 class="ec-pro-actions">
|
||
<button title="Add To Cart" onclick="popupAddToCart('<?php echo htmlspecialchars(json_encode($forAll[$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" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($forAll[$pid]), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');" title="Wishlist"><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 $forAll[$pid]["_id"]; ?>"><?php echo $forAll[$pid]["product_name"] ?></a></h5>
|
||
<!-- raymart remove ratings feb 20 2024 -->
|
||
<!-- <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($forAll[$pid]["sale_price"]) && $forAll[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($forAll[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($forAll[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($forAll[$pid]["regular_price"]) && $forAll[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($forAll[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
|
||
<?php elseif ($forAll[$pid]["regular_price"] == "" || $forAll[$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">
|
||
<!-- raymart remove color feb 20 2024 -->
|
||
<!-- <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="<?php echo $forAll[$pid]["product_image"] ?>" data-src-hover="<?php echo $forAll[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img" data-src="<?php echo $forAll[$pid]["product_image"] ?>" data-src-hover="<?php echo $forAll[$pid]["product_image"] ?>" 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>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
<div class="col-sm-12 shop-all-btn"><a href="shop-list-left-sidebar2.php">Shop All Collection</a></div>
|
||
</div>
|
||
</div>
|
||
<!-- ec 1st Product tab end -->
|
||
<!-- ec 2nd Product tab start -->
|
||
<div class="tab-pane fade" id="electronics">
|
||
<div class="row">
|
||
<!-- Product Content -->
|
||
<?php
|
||
$array = array_filter($simpleProducts, function ($var) {
|
||
return (fnmatch("Electronic*", $var['product_category']));
|
||
});
|
||
$electronics = array_values($array);
|
||
if (empty($electronics)) {
|
||
echo '<div class="col-sm-12">No products in this category</div>';
|
||
} else {
|
||
for ($x = 0; $x <= 7; $x++) {
|
||
$pid = rand(0, count($electronics) - 1);
|
||
// raymart added vendorproduct feb 14 2024
|
||
$vendorOfProduct = getVendorbyId($electronics[$pid]['vendor_api_id']);
|
||
?>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 ec-product-content" data-animation="fadeIn">
|
||
<div class="ec-product-inner">
|
||
<!-- raymart added style feb 26 2024 -->
|
||
<div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
|
||
<!-- <div class="ec-pro-image-outer"> -->
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>">
|
||
<!-- raymart added function for images feb 21 2024-->
|
||
<?php
|
||
if (isset($electronics[$pid]['images'])) {
|
||
$image_urls = explode(',', $electronics[$pid]['images']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
|
||
<?php
|
||
}
|
||
?>
|
||
</a>
|
||
<!-- <a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>" class="image">
|
||
<img loading="lazy" class="main-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
|
||
<img loading="lazy" class="hover-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
|
||
</a> -->
|
||
<!-- <span class="percentage">20%</span> -->
|
||
|
||
<!-- raymart edit action feb 14 2024-->
|
||
<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($electronics[$pid]["sale_price"]) && $electronics[$pid]["sale_price"] > 0) : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($electronics[$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 Carttt</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($electronics[$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($electronics[$pid]["regular_price"]) && $electronics[$pid]["regular_price"] != "") : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($electronics[$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 Carttt</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($electronics[$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 : ($electronics[$pid]["regular_price"] == "" || $electronics[$pid]["regular_price"] == null) ?>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($electronics[$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($electronics[$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($electronics[$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 class="ec-pro-actions">
|
||
<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-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 $electronics[$pid]["_id"]; ?>"><?php echo $electronics[$pid]["product_name"] ?></a></h5>
|
||
<!-- raymart remove ratings feb 20 2024 -->
|
||
<!-- <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($electronics[$pid]["sale_price"]) && $electronics[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($electronics[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($electronics[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($electronics[$pid]["regular_price"]) && $electronics[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($electronics[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
|
||
<?php elseif ($electronics[$pid]["regular_price"] == "" || $electronics[$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">
|
||
<!-- raymart remove color feb 20 2024 -->
|
||
<!-- <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="<?php echo $electronics[$pid]["product_image"] ?>" data-src-hover="<?php echo $electronics[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img" data-src="<?php echo $electronics[$pid]["product_image"] ?>" data-src-hover="<?php echo $electronics[$pid]["product_image"] ?>" 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>
|
||
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
<div class="col-sm-12 shop-all-btn"><a href="search_product_action.php?category=Electronics">Shop All
|
||
Collection</a></div>
|
||
</div>
|
||
</div>
|
||
<!-- ec 2nd Product tab end -->
|
||
<!-- ec 3rd Product tab start -->
|
||
<div class="tab-pane fade" id="smart-home">
|
||
<div class="row">
|
||
<!-- Product Content -->
|
||
<?php
|
||
$array = array_filter($simpleProducts, function ($var) {
|
||
return (fnmatch("Smart Home*", $var['product_category']));
|
||
});
|
||
$smartHome = array_values($array);
|
||
if (empty($smartHome)) {
|
||
echo '<div class="col-sm-12">No products in this category</div>';
|
||
} else {
|
||
for ($x = 0; $x <= 7; $x++) {
|
||
$pid = rand(0, count($smartHome) - 1);
|
||
// raymart added vendorproduct feb 14 2024
|
||
$vendorOfProduct = getVendorbyId($smartHome[$pid]['vendor_api_id']);
|
||
?>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 ec-product-content" data-animation="fadeIn">
|
||
<div class="ec-product-inner">
|
||
<!-- raymart added style feb 26 2024 -->
|
||
<div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
|
||
<!-- <div class="ec-pro-image-outer"> -->
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>">
|
||
<!-- raymart added function for images feb 21 2024-->
|
||
<?php
|
||
if (isset($smartHome[$pid]['images'])) {
|
||
$image_urls = explode(',', $smartHome[$pid]['images']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
|
||
<?php
|
||
}
|
||
?>
|
||
</a>
|
||
<!-- <a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>" class="image">
|
||
<img loading="lazy" class="main-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
|
||
<img loading="lazy" class="hover-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
|
||
</a> -->
|
||
<!-- <span class="percentage">20%</span> -->
|
||
<!-- raymart edit action feb 14 2024-->
|
||
<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($smartHome[$pid]["sale_price"]) && $smartHome[$pid]["sale_price"] > 0) : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($smartHome[$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($smartHome[$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($smartHome[$pid]["regular_price"]) && $smartHome[$pid]["regular_price"] != "") : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($smartHome[$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($smartHome[$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 : ($smartHome[$pid]["regular_price"] == "" || $smartHome[$pid]["regular_price"] == null) ?>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($smartHome[$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($smartHome[$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($smartHome[$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 class="ec-pro-actions">
|
||
<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-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 $smartHome[$pid]["_id"]; ?>"><?php echo $smartHome[$pid]["product_name"] ?></a></h5>
|
||
<!-- raymart remove ratings feb 20 2024 -->
|
||
<!-- <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($smartHome[$pid]["sale_price"]) && $smartHome[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($smartHome[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($smartHome[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($smartHome[$pid]["regular_price"]) && $smartHome[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($smartHome[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
|
||
<?php elseif ($smartHome[$pid]["regular_price"] == "" || $smartHome[$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">
|
||
<!-- raymart remove color feb 20 2024 -->
|
||
<!-- <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="<?php echo $smartHome[$pid]["product_image"] ?>" data-src-hover="<?php echo $smartHome[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img" data-src="<?php echo $smartHome[$pid]["product_image"] ?>" data-src-hover="<?php echo $smartHome[$pid]["product_image"] ?>" 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>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
<div class="col-sm-12 shop-all-btn"><a href="search_product_action.php?category=Smart Home">Shop All
|
||
Collection</a></div>
|
||
</div>
|
||
</div>
|
||
<!-- ec 3rd Product tab end -->
|
||
<!-- ec 4th Product tab start -->
|
||
<div class="tab-pane fade" id="e-vehicle">
|
||
<div class="row">
|
||
<!-- Product Content -->
|
||
<?php
|
||
$array = array_filter($simpleProducts, function ($var) {
|
||
return (fnmatch("E-vehicle*", $var['product_category']));
|
||
});
|
||
$forVehicle = array_values($array);
|
||
if (empty($home)) {
|
||
echo '<div class="col-sm-12">No products in this category</div>';
|
||
} else {
|
||
for ($x = 0; $x <= 7; $x++) {
|
||
$pid = rand(0, count($home) - 1);
|
||
// raymart added vendorproduct feb 14 2024
|
||
$vendorOfProduct = getVendorbyId($forVehicle[$pid]['vendor_api_id']);
|
||
?>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 ec-product-content" data-animation="fadeIn">
|
||
<div class="ec-product-inner">
|
||
<!-- raymart added style feb 26 2024-->
|
||
<div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
|
||
<!-- <div class="ec-pro-image-outer"> -->
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>">
|
||
<!-- raymart added function for images feb 21 2024-->
|
||
<?php
|
||
if (isset($forVehicle[$pid]['images'])) {
|
||
$image_urls = explode(',', $forVehicle[$pid]['images']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
|
||
<?php
|
||
}
|
||
?>
|
||
</a>
|
||
<!-- <a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>" class="image">
|
||
<img loading="lazy" class="main-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
|
||
<img loading="lazy" class="hover-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
|
||
</a> -->
|
||
<!-- <span class="percentage">20%</span> -->
|
||
<!-- raymart added action feb 14 2024-->
|
||
<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($forVehicle[$pid]["sale_price"]) && $forVehicle[$pid]["sale_price"] > 0) : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($forVehicle[$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($forVehicle[$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($forVehicle[$pid]["regular_price"]) && $forVehicle[$pid]["regular_price"] != "") : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($forVehicle[$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($forVehicle[$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 : ($forVehicle[$pid]["regular_price"] == "" || $forVehicle[$pid]["regular_price"] == null) ?>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($forVehicle[$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($forVehicle[$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($forVehicle[$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 class="ec-pro-actions">
|
||
<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-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 $forVehicle[$pid]["_id"]; ?>"><?php echo $forVehicle[$pid]["product_name"] ?></a></h5>
|
||
<!-- raymart remove ratings feb 20 2024 -->
|
||
<!-- <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($forVehicle[$pid]["sale_price"]) && $forVehicle[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($forVehicle[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($forVehicle[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($forVehicle[$pid]["regular_price"]) && $forVehicle[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($forVehicle[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
|
||
<?php elseif ($forVehicle[$pid]["regular_price"] == "" || $forVehicle[$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">
|
||
<!-- raymart remove color feb 20 2024 -->
|
||
<!-- <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="<?php echo $forVehicle[$pid]["product_image"] ?>" data-src-hover="<?php echo $forVehicle[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img" data-src="<?php echo $forVehicle[$pid]["product_image"] ?>" data-src-hover="<?php echo $forVehicle[$pid]["product_image"] ?>" 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>
|
||
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
<div class="col-sm-12 shop-all-btn"><a href="search_product_action.php?category=E-vehicle">Shop All
|
||
Collection</a></div>
|
||
</div>
|
||
</div>
|
||
<!-- ec 4th Product tab end -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- ec Product tab Area End -->
|
||
|
||
<!-- ec Banner Section Start -->
|
||
<section class="ec-banner section section-space-p">
|
||
<h2 class="d-none">Banner</h2>
|
||
<div class="container">
|
||
<!-- ec Banners Start -->
|
||
<div class="ec-banner-inner">
|
||
<!--ec Banner Start -->
|
||
<div class="ec-banner-block ec-banner-block-2">
|
||
<div class="row">
|
||
<div class="banner-block col-lg-6 col-md-12 margin-b-30" data-animation="slideInRight">
|
||
<div class="bnr-overlay">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704184846040-3.png" alt="" />
|
||
<div class="banner-text">
|
||
<!-- <span class="ec-banner-stitle">New Arrivals</span>
|
||
<span class="ec-banner-title">mens<br> Sport shoes</span>
|
||
<span class="ec-banner-discount">30% Discount</span> -->
|
||
<span class="ec-banner-stitle"> </span>
|
||
<span class="ec-banner-title"> </span>
|
||
<span class="ec-banner-discount"> </span>
|
||
</div>
|
||
<div class="banner-content">
|
||
<span class="ec-banner-btn"><a href="search_product_action.php?category=Watch">Order Now</a></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="banner-block col-lg-6 col-md-12" data-animation="slideInLeft">
|
||
<div class="bnr-overlay">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704185293794-4.png" alt="" />
|
||
<div class="banner-text">
|
||
<!-- <span class="ec-banner-stitle">New Trending</span>
|
||
<span class="ec-banner-title">Smart<br> watches</span>
|
||
<span class="ec-banner-discount">Buy any 3 Items & get <br>20% Discount</span> -->
|
||
<span class="ec-banner-stitle"> </span>
|
||
<span class="ec-banner-title"> </span>
|
||
<span class="ec-banner-discount"> </span>
|
||
</div>
|
||
<div class="banner-content">
|
||
<span class="ec-banner-btn"><a href="search_product_action.php?category=Headphone">Order Now</a></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ec Banner End -->
|
||
</div>
|
||
<!-- ec Banners End -->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- ec Banner Section End -->
|
||
|
||
<!-- Category Section Start -->
|
||
<section class="section ec-category-section section-space-p" id="categories">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Our Top Collection</h2>
|
||
<h2 class="ec-title">Top Categories</h2>
|
||
<p class="sub-title">Browse The Collection of Top Categories</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<!--Category Nav Start -->
|
||
<div class="col-lg-3">
|
||
<ul class="ec-cat-tab-nav nav">
|
||
<li class="cat-item"><a class="cat-link active" data-bs-toggle="tab" href="#tab-cat-1">
|
||
<div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281191973-Electronics_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279346519-Electronics.png" style="width: 55px;" alt="cat-icon"></div>
|
||
<div class="cat-desc"><span>Electronics</span><span></span></div>
|
||
</a></li>
|
||
<li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-2">
|
||
<div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281156875-Smarthome_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705281330439-Smarthome_white.png" style="width: 55px;" alt="cat-icon"></div>
|
||
<div class="cat-desc"><span>Smart Home</span><span></span></div>
|
||
</a></li>
|
||
<li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-3">
|
||
<div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281114426-Ebike_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279973475-Ebike.png" style="width: 55px;" alt="cat-icon"></div>
|
||
<div class="cat-desc"><span>E-Bike</span><span></span></div>
|
||
</a></li>
|
||
<li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-4">
|
||
<div class="cat-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705280971569-Heavy Equipments_GRAY.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705280002759-Heavy Equipments.png" style="width: 55px;" alt="cat-icon"></div>
|
||
<div class="cat-desc"><span>Heavy Equipment</span><span></span></div>
|
||
</a></li>
|
||
</ul>
|
||
|
||
</div>
|
||
<!-- Category Nav End -->
|
||
<!--Category Tab Start -->
|
||
<div class="col-lg-9">
|
||
<div class="tab-content">
|
||
<!-- 1st Category tab end -->
|
||
<div class="tab-pane fade show active" id="tab-cat-1">
|
||
<div class="row">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437307503-Electronics.png" alt="" />
|
||
</div>
|
||
<span class="panel-overlay">
|
||
<a href="search_product_action.php?category=Electronics" class="btn btn-primary">View All</a>
|
||
</span>
|
||
</div>
|
||
<!-- 1st Category tab end -->
|
||
<div class="tab-pane fade" id="tab-cat-2">
|
||
<div class="row">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437379904-Smarthome.png" alt="" />
|
||
</div>
|
||
<span class="panel-overlay">
|
||
<a href="search_product_action.php?category=Smart Home" class="btn btn-primary">View All</a>
|
||
</span>
|
||
</div>
|
||
<!-- 2nd Category tab end -->
|
||
<!-- 3rd Category tab start -->
|
||
<div class="tab-pane fade" id="tab-cat-3">
|
||
<div class="row">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437443706-Ebike.png" alt="" />
|
||
</div>
|
||
<span class="panel-overlay">
|
||
<a href="search_product_action.php?category=E-bike" class="btn btn-primary">View All</a>
|
||
</span>
|
||
</div>
|
||
<!-- 3rd Category tab end -->
|
||
<!-- 4th Category tab start -->
|
||
<div class="tab-pane fade" id="tab-cat-4">
|
||
<div class="row">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437503897-Heavy Equipments.png" alt="" />
|
||
</div>
|
||
<span class="panel-overlay">
|
||
<a href="search_product_action.php?category=Heavy Equipment" class="btn btn-primary">View All</a>
|
||
</span>
|
||
</div>
|
||
<!-- 4th Category tab end -->
|
||
</div>
|
||
<!-- Category Tab End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Category Section End -->
|
||
|
||
<!-- Feature & Special Section Start -->
|
||
<!-- <section class="section ec-fre-spe-section section-space-p" id="offers">
|
||
<div class="container">
|
||
<div class="row"> -->
|
||
<!-- Feature Section Start -->
|
||
<!-- <div class="ec-fre-section col-lg-6 col-md-6 col-sm-6 margin-b-30" data-animation="slideInRight">
|
||
<div class="col-md-12 text-left">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Feature Items</h2>
|
||
<h2 class="ec-title">Feature Items</h2>
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- <div class="ec-fre-products">
|
||
<div class="ec-fs-product">
|
||
<div class="ec-fs-pro-inner">
|
||
<div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
|
||
<div class="ec-fs-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" /></a>
|
||
<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>
|
||
</div>
|
||
<div class="ec-fs-pro-content col-lg-6 col-md-6 col-sm-6">
|
||
<h5 class="ec-fs-pro-title"><a href="shop-left-sidebar-col-4.php">Baby Toy
|
||
Teddybear</a>
|
||
</h5>
|
||
<div class="ec-fs-pro-rating">
|
||
<span class="ec-fs-rating-icon">
|
||
<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>
|
||
</span>
|
||
<span class="ec-fs-rating-text">4 Review</span>
|
||
</div>
|
||
<div class="ec-fs-price">
|
||
<span class="old-price">$549.00</span>
|
||
<span class="new-price">$480.00</span>
|
||
</div>
|
||
|
||
<div class="countdowntimer"><span id="ec-fs-count-1"></span></div>
|
||
<div class="ec-fs-pro-desc">Lorem Ipsum is simply dummy text the printing and
|
||
typesetting.
|
||
</div>
|
||
<div class="ec-fs-pro-book">Total Booking: <span>25</span></div>
|
||
<div class="ec-fs-pro-btn">
|
||
<a href="#" class="btn btn-lg btn-secondary">Remind Me</a>
|
||
<a href="#" class="btn btn-lg btn-primary">Book Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-fs-product">
|
||
<div class="ec-fs-pro-inner">
|
||
<div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
|
||
<div class="ec-fs-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/3_1.jpg" alt="Product" /></a>
|
||
<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>
|
||
</div>
|
||
<div class="ec-fs-pro-content col-lg-6 col-md-6 col-sm-6">
|
||
<h5 class="ec-fs-pro-title"><a href="shop-left-sidebar-col-4.php">Leather Purse For
|
||
Women</a>
|
||
</h5>
|
||
<div class="ec-fs-pro-rating">
|
||
<span class="ec-fs-rating-icon">
|
||
<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 fill"></i>
|
||
</span>
|
||
<span class="ec-fs-rating-text">4 Review</span>
|
||
</div>
|
||
<div class="ec-fs-price">
|
||
<span class="old-price">$300.00</span>
|
||
<span class="new-price">$250.00</span>
|
||
</div>
|
||
|
||
<div class="countdowntimer"><span id="ec-fs-count-2"></span></div>
|
||
<div class="ec-fs-pro-desc">Lorem Ipsum is simply dummy text the printing and
|
||
typesetting.
|
||
</div>
|
||
<div class="ec-fs-pro-book">Total Booking: <span>25</span></div>
|
||
<div class="ec-fs-pro-btn">
|
||
<a href="#" class="btn btn-lg btn-secondary">Remind Me</a>
|
||
<a href="#" class="btn btn-lg btn-primary">Book Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<!-- Feature Section End -->
|
||
<!-- Special Section Start -->
|
||
<!-- <div class="ec-spe-section col-lg-6 col-md-6 col-sm-6" data-animation="slideInLeft">
|
||
<div class="col-md-12 text-left">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Limited Time Offer</h2>
|
||
<h2 class="ec-title">Limited Time Offer</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ec-spe-products">
|
||
<div class="ec-fs-product">
|
||
<div class="ec-fs-pro-inner">
|
||
<div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
|
||
<div class="ec-fs-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/8_1.jpg" alt="Product" /></a>
|
||
<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>
|
||
</div>
|
||
<div class="ec-fs-pro-content col-lg-6 col-md-6 col-sm-6">
|
||
<h5 class="ec-fs-pro-title"><a href="shop-left-sidebar-col-4.php">Smart watch
|
||
Firebolt</a>
|
||
</h5>
|
||
<div class="ec-fs-pro-rating">
|
||
<span class="ec-fs-rating-icon">
|
||
<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>
|
||
</span>
|
||
<span class="ec-fs-rating-text">4 Review</span>
|
||
</div>
|
||
<div class="ec-fs-price">
|
||
<span class="old-price">$200.00</span>
|
||
<span class="new-price">$180.00</span>
|
||
</div>
|
||
<div class="countdowntimer"><span id="ec-fs-count-3"></span></div>
|
||
<div class="ec-fs-pro-desc">Lorem Ipsum is simply dummy text the printing and
|
||
typesetting.
|
||
</div>
|
||
<div class="ec-fs-pro-book">Total Booking: <span>25</span></div>
|
||
<div class="ec-fs-pro-btn">
|
||
<a href="#" class="btn btn-lg btn-secondary">Remind Me</a>
|
||
<a href="#" class="btn btn-lg btn-primary">Book Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-fs-product">
|
||
<div class="ec-fs-pro-inner">
|
||
<div class="ec-fs-pro-image-outer col-lg-6 col-md-6 col-sm-6">
|
||
<div class="ec-fs-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image"><img loading="lazy" class="main-image" src="assets/images/product-image/10_1.jpg" alt="Product" /></a>
|
||
<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>
|
||
</div>
|
||
<div class="ec-fs-pro-content col-lg-6 col-md-6 col-sm-6">
|
||
<h5 class="ec-fs-pro-title"><a href="shop-left-sidebar-col-4.php">Casual Shoes Men</a>
|
||
</h5>
|
||
<div class="ec-fs-pro-rating">
|
||
<span class="ec-fs-rating-icon">
|
||
<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 fill"></i>
|
||
</span>
|
||
<span class="ec-fs-rating-text">4 Review</span>
|
||
</div>
|
||
<div class="ec-fs-price">
|
||
<span class="old-price">$120.00</span>
|
||
<span class="new-price">$95.00</span>
|
||
</div>
|
||
|
||
<div class="countdowntimer"><span id="ec-fs-count-4"></span></div>
|
||
<div class="ec-fs-pro-desc">Lorem Ipsum is simply dummy text the printing and
|
||
typesetting.
|
||
</div>
|
||
<div class="ec-fs-pro-book">Total Booking: <span>25</span></div>
|
||
<div class="ec-fs-pro-btn">
|
||
<a href="#" class="btn btn-lg btn-secondary">Remind Me</a>
|
||
<a href="#" class="btn btn-lg btn-primary">Book Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<!-- Special Section End -->
|
||
<!-- </div>
|
||
</div>
|
||
</section> -->
|
||
<!-- Feature & Special Section End -->
|
||
|
||
<!-- Top Vendor Section Start -->
|
||
<section class="section section-space-p" id="vendors">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Top Vendor</h2>
|
||
<h2 class="ec-title">Top Vendor</h2>
|
||
<p class="sub-title">Browse The Collection of <a href="vendor-list.php">All
|
||
Vendors.</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row margin-minus-t-15 margin-minus-b-15">
|
||
<?php
|
||
$vendorsWithProducts = simpleVendorsWithProducts();
|
||
|
||
// Shuffle the array to randomize the order
|
||
shuffle($vendorsWithProducts);
|
||
|
||
// Display only the first 4 vendors
|
||
$selectedVendors = array_slice($vendorsWithProducts, 0, 4);
|
||
|
||
foreach ($selectedVendors as $vendor) {
|
||
$vendorProducts = $vendor['products']; ?>
|
||
|
||
<div class="col-sm-12 col-md-6 col-lg-3 ec_ven_content" data-animation="zoomIn">
|
||
<div class="ec-vendor-card">
|
||
<div class="ec-vendor-detail">
|
||
<div class="ec-vendor-avtar" style="width: 75px; height: 75px; overflow: hidden;">
|
||
<?php
|
||
if (isset($vendor['vendor_image'])) {
|
||
$image_urls = explode(',', $vendor['vendor_image']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img loading="lazy" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" />
|
||
<?php
|
||
}
|
||
?>
|
||
<!-- <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;"> -->
|
||
|
||
<!-- <img loading="lazy" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" /> -->
|
||
|
||
</div>
|
||
<div class="ec-vendor-info">
|
||
<a href="catalog-single-vendor.php?id=<?php echo $vendor['_id'] ?>" class="name"><?php echo $vendor['user_login'] ?></a>
|
||
<p class="prod-count"><?php echo count($vendorProducts) ?> Products</p>
|
||
<!-- raymart remove ratings and sales feb 22 2024 -->
|
||
<!-- <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-sale">
|
||
<p title="Weekly sales">Sales 954</p>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<div class="ec-vendor-prod">
|
||
<?php
|
||
// Shuffle the array to randomize the order of products
|
||
shuffle($vendorProducts);
|
||
|
||
// Display only the first 4 products
|
||
$randomProducts = array_slice($vendorProducts, 0, 4);
|
||
|
||
foreach ($randomProducts as $product) { ?>
|
||
<!-- raymart added style feb 26 2024 -->
|
||
<div class="ec-prod-img" style="max-width: 140px; height: 150px;">
|
||
<!-- <div class="ec-prod-img"> -->
|
||
<a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><img loading="lazy" src="<?php echo $product['product_image']; ?>" alt="product img"></a>
|
||
</div>
|
||
<?php } ?>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<?php } ?>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</section>
|
||
<!-- Top Vendor Section End -->
|
||
|
||
<!-- services Section Start -->
|
||
<section class="section ec-services-section section-space-p" id="services">
|
||
<h2 class="d-none">Services</h2>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="ec_ser_content ec_ser_content_1 col-sm-12 col-md-6 col-lg-3" data-animation="zoomIn">
|
||
<div class="ec_ser_inner">
|
||
<div class="ec-service-image">
|
||
<i class="fi fi-ts-truck-moving"></i>
|
||
</div>
|
||
<div class="ec-service-desc">
|
||
<h2>Free Shipping</h2>
|
||
<p>Free shipping on all US order or order above $200</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec_ser_content ec_ser_content_2 col-sm-12 col-md-6 col-lg-3" data-animation="zoomIn">
|
||
<div class="ec_ser_inner">
|
||
<div class="ec-service-image">
|
||
<i class="fi fi-ts-hand-holding-seeding"></i>
|
||
</div>
|
||
<div class="ec-service-desc">
|
||
<h2>24X7 Support</h2>
|
||
<p>Contact us 24 hours a day, 7 days a week</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec_ser_content ec_ser_content_3 col-sm-12 col-md-6 col-lg-3" data-animation="zoomIn">
|
||
<div class="ec_ser_inner">
|
||
<div class="ec-service-image">
|
||
<i class="fi fi-ts-badge-percent"></i>
|
||
</div>
|
||
<div class="ec-service-desc">
|
||
<h2>30 Days Return</h2>
|
||
<p>Simply return it within 30 days for an exchange</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec_ser_content ec_ser_content_4 col-sm-12 col-md-6 col-lg-3" data-animation="zoomIn">
|
||
<div class="ec_ser_inner">
|
||
<div class="ec-service-image">
|
||
<i class="fi fi-ts-donate"></i>
|
||
</div>
|
||
<div class="ec-service-desc">
|
||
<h2>Payment Secure</h2>
|
||
<p>Contact us 24 hours a day, 7 days a week</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- services Section End -->
|
||
|
||
<!-- offer Section Start -->
|
||
<!-- <section class="section ec-offer-section section-space-p section-space-m">
|
||
<h2 class="d-none">Offer</h2>
|
||
<div class="container">
|
||
<div class="row justify-content-end">
|
||
<div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center ec-offer-content">
|
||
<h2 class="ec-offer-title">Sunglasses</h2>
|
||
<h3 class="ec-offer-stitle" data-animation="slideInDown">Super Offer</h3>
|
||
<span class="ec-offer-img" data-animation="zoomIn"><img loading="lazy" src="assets/images/offer-image/1.png" alt="offer image" /></span>
|
||
<span class="ec-offer-desc">Acetate Frame Sunglasses</span>
|
||
<span class="ec-offer-price">$40.00 Only</span>
|
||
<a class="btn btn-primary" href="shop-left-sidebar-col-4.php" data-animation="zoomIn">Shop Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<section class="section section-space-p section-space-m" style="display: flex; align-items: center; justify-content: center; position: relative;">
|
||
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1706766307254-Powerbank Collection Banner (1).png" alt="" style="width: 100%; height: 100%; object-fit: cover;" />
|
||
<a href="search_product_action.php?category=Powerbank" class="btn btn-primary" style="position: absolute; z-index: 1; top: 15%; left: 3%;">Buy Now</a>
|
||
</section>
|
||
|
||
|
||
|
||
<!-- offer Section End -->
|
||
|
||
<!-- New Product Start -->
|
||
<section class="section ec-new-product section-space-p" id="arrivals">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">New Arrivals</h2>
|
||
<h2 class="ec-title">New Arrivals</h2>
|
||
<p class="sub-title">Browse The Collection of Top Products</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<!-- New Product Content -->
|
||
<?php
|
||
$array = array_filter($simpleProducts, 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']));
|
||
});
|
||
$newArrival = array_values($array);
|
||
|
||
if (empty($newArrival)) {
|
||
echo '<div class="col-sm-12">No products in this category</div>';
|
||
} else {
|
||
for ($x = 0; $x <= 3; $x++) {
|
||
$pid = rand(0, count($newArrival) - 1);
|
||
// raymart added vendorproduct feb 14 2024
|
||
$vendorOfProduct = getVendorbyId($newArrival[$pid]['vendor_api_id']);
|
||
?>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 ec-product-content" data-animation="flipInY">
|
||
<div class="ec-product-inner">
|
||
<!-- raymart added style feb 26 2024 -->
|
||
<div class="ec-pro-image-outer" style="max-width: 290px; height: 350px;">
|
||
<!-- <div class="ec-pro-image-outer"> -->
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>">
|
||
<!-- raymart added function for images feb 21 2024-->
|
||
<?php
|
||
if (isset($newArrival[$pid]['images'])) {
|
||
$image_urls = explode(',', $newArrival[$pid]['images']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
|
||
<?php
|
||
}
|
||
?>
|
||
</a>
|
||
<!-- <a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>" class="image">
|
||
<img loading="lazy" class="main-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
|
||
<img loading="lazy" class="hover-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
|
||
</a> -->
|
||
<!-- raymart edit action feb 14 2024 -->
|
||
<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($newArrival[$pid]["sale_price"]) && $newArrival[$pid]["sale_price"] > 0) : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($newArrival[$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($newArrival[$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($newArrival[$pid]["regular_price"]) && $newArrival[$pid]["regular_price"] != "") : ?>
|
||
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($newArrival[$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($newArrival[$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 : ($newArrival[$pid]["regular_price"] == "" || $newArrival[$pid]["regular_price"] == null) ?>
|
||
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($newArrival[$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($newArrival[$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($newArrival[$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 class="ec-pro-actions">
|
||
<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-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 $newArrival[$pid]["_id"]; ?>"><?php echo $newArrival[$pid]["product_name"] ?></a>
|
||
</h5>
|
||
<!-- raymart remove ratings feb 20 2024 -->
|
||
<!-- <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($newArrival[$pid]["sale_price"]) && $newArrival[$pid]["sale_price"] > 0) : ?>
|
||
<span class="old-price">₱<?php echo number_format($newArrival[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
<span class="new-price">₱<?php echo number_format($newArrival[$pid]["sale_price"], 2, ".", ",") ?></span>
|
||
<?php elseif (isset($newArrival[$pid]["regular_price"]) && $newArrival[$pid]["regular_price"] != "") : ?>
|
||
<span class="new-price">₱<?php echo number_format($newArrival[$pid]["regular_price"], 2, ".", ",") ?></span>
|
||
|
||
<?php elseif ($newArrival[$pid]["regular_price"] == "" || $newArrival[$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><a href="#" class="ec-opt-clr-img" data-src="assets/images/product-image/9_1.jpg" data-src-hover="assets/images/product-image/9_1.jpg" data-tooltip="Orange"><span style="background-color:#74c7ff;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img" data-src="assets/images/product-image/9_2.jpg" data-src-hover="assets/images/product-image/9_2.jpg" data-tooltip="Green"><span style="background-color:#7af6ff;"></span></a>
|
||
</li>
|
||
<li><a href="#" class="ec-opt-clr-img" data-src="assets/images/product-image/9_3.jpg" data-src-hover="assets/images/product-image/9_3.jpg" data-tooltip="Sky Blue"><span style="background-color:#85ffeb;"></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="$20.00" data-new="$15.00" data-tooltip="Small">S</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$22.00" data-new="$17.00" data-tooltip="Medium">M</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$25.00" data-new="$20.00" data-tooltip="Large">X</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$27.00" data-new="$22.00" data-tooltip="Extra Large">XL</a></li>
|
||
</ul> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
<div class="col-sm-12 shop-all-btn"><a href="shop-list-left-sidebar2.php">Shop All Collection</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- New Product end -->
|
||
|
||
<!-- ec testmonial Start -->
|
||
<!-- <section class="section ec-test-section section-space-ptb-100 section-space-m" id="reviews">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title mb-0">
|
||
<h2 class="ec-bg-title">Testimonial</h2>
|
||
<h2 class="ec-title">Client Review</h2>
|
||
<p class="sub-title mb-3">What say client about us</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="ec-test-outer">
|
||
<ul id="ec-testimonial-slider">
|
||
<li class="ec-test-item">
|
||
<i class="fi-rr-quote-right top"></i>
|
||
<div class="ec-test-inner">
|
||
<div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/1.jpg" /></div>
|
||
<div class="ec-test-content">
|
||
<div class="ec-test-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, when an unknown printer took a galley of type and
|
||
scrambled it to make a type specimen</div>
|
||
<div class="ec-test-name">John Doe</div>
|
||
<div class="ec-test-designation">General Manager</div>
|
||
<div class="ec-test-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 fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<i class="fi-rr-quote-right bottom"></i>
|
||
</li>
|
||
<li class="ec-test-item ">
|
||
<i class="fi-rr-quote-right top"></i>
|
||
<div class="ec-test-inner">
|
||
<div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/2.jpg" /></div>
|
||
<div class="ec-test-content">
|
||
<div class="ec-test-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, when an unknown printer took a galley of type and
|
||
scrambled it to make a type specimen</div>
|
||
<div class="ec-test-name">John Doe</div>
|
||
<div class="ec-test-designation">General Manager</div>
|
||
<div class="ec-test-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 fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<i class="fi-rr-quote-right bottom"></i>
|
||
</li>
|
||
<li class="ec-test-item">
|
||
<i class="fi-rr-quote-right top"></i>
|
||
<div class="ec-test-inner">
|
||
<div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/3.jpg" /></div>
|
||
<div class="ec-test-content">
|
||
<div class="ec-test-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, when an unknown printer took a galley of type and
|
||
scrambled it to make a type specimen</div>
|
||
<div class="ec-test-name">John Doe</div>
|
||
<div class="ec-test-designation">General Manager</div>
|
||
<div class="ec-test-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 fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<i class="fi-rr-quote-right bottom"></i>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<!-- ec testmonial end -->
|
||
|
||
<!-- Ec Brand Section Start -->
|
||
<!-- <section class="section ec-brand-area section-space-p">
|
||
<h2 class="d-none">Brand</h2>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="ec-brand-outer">
|
||
<ul id="ec-brand-slider">
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/1.png" /></a></div>
|
||
</li>
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/2.png" /></a></div>
|
||
</li>
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/3.png" /></a></div>
|
||
</li>
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/4.png" /></a></div>
|
||
</li>
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/5.png" /></a></div>
|
||
</li>
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/6.png" /></a></div>
|
||
</li>
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/7.png" /></a></div>
|
||
</li>
|
||
<li class="ec-brand-item" data-animation="zoomIn">
|
||
<div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/8.png" /></a></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<!-- Ec Brand Section End -->
|
||
|
||
<!-- Ec Instagram Start -->
|
||
<!-- <section class="section ec-instagram-section module section-space-p" id="insta">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Instagram Feed</h2>
|
||
<h2 class="ec-title">Instagram Feed</h2>
|
||
<p class="sub-title">Share your store with us</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-insta-wrapper">
|
||
<div class="ec-insta-outer">
|
||
<div class="container" data-animation="fadeIn">
|
||
<div class="insta-auto"> -->
|
||
<!-- instagram item -->
|
||
<!-- <div class="ec-insta-item">
|
||
<div class="ec-insta-inner">
|
||
<a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/1.jpg" alt="insta"></a>
|
||
</div>
|
||
</div> -->
|
||
<!-- instagram item -->
|
||
<!-- <div class="ec-insta-item">
|
||
<div class="ec-insta-inner">
|
||
<a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/2.jpg" alt="insta"></a>
|
||
</div>
|
||
</div> -->
|
||
<!-- instagram item -->
|
||
<!-- <div class="ec-insta-item">
|
||
<div class="ec-insta-inner">
|
||
<a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/3.jpg" alt="insta"></a>
|
||
</div>
|
||
</div> -->
|
||
<!-- instagram item -->
|
||
<!-- <div class="ec-insta-item">
|
||
<div class="ec-insta-inner">
|
||
<a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/4.jpg" alt="insta"></a>
|
||
</div>
|
||
</div> -->
|
||
<!-- instagram item -->
|
||
<!-- instagram item -->
|
||
<!-- <div class="ec-insta-item">
|
||
<div class="ec-insta-inner">
|
||
<a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/5.jpg" alt="insta"></a>
|
||
</div>
|
||
</div> -->
|
||
<!-- instagram item -->
|
||
<!-- instagram item -->
|
||
<!-- <div class="ec-insta-item">
|
||
<div class="ec-insta-inner">
|
||
<a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/6.jpg" alt="insta"></a>
|
||
</div>
|
||
</div> -->
|
||
<!-- instagram item -->
|
||
<!-- instagram item -->
|
||
<!-- <div class="ec-insta-item">
|
||
<div class="ec-insta-inner">
|
||
<a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/7.jpg" alt="insta"></a>
|
||
</div>
|
||
</div> -->
|
||
<!-- instagram item -->
|
||
<!-- </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<!-- Ec Instagram End -->
|
||
<!-- Footer Start -->
|
||
<?php include "footer.php" ?>
|
||
<!-- Footer 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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="qty-nav-thumb">
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img loading="lazy" 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:#ebbf60;"></span></li>
|
||
<li><span style="background-color:#75e3ff;"></span></li>
|
||
<li><span style="background-color:#11f7d8;"></span></li>
|
||
<li><span style="background-color:#acff7c;"></span></li>
|
||
<li><span style="background-color:#e996fa;"></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 -->
|
||
<!-- Newsletter Modal Start -->
|
||
<div id="ec-popnews-bg"></div>
|
||
<div id="ec-popnews-box">
|
||
<div id="ec-popnews-close"><i class="ecicon eci-close"></i></div>
|
||
<div class="row">
|
||
<div class="col-md-6 disp-no-767">
|
||
<img loading="lazy" src="../assets/images/img-1.png" alt="newsletter">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div id="ec-popnews-box-content">
|
||
<h2>Download ObananaPay Now</h2>
|
||
<p>Enjoy promos, discounts and more when you download, register and pay with ObananaPay.</p>
|
||
<div class="obpay-download">
|
||
<a href="https://play.google.com/store/apps/details?id=com.obanana.pay2" target="_blank">
|
||
<img loading="lazy" src="../assets/images/Playstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
|
||
</a>
|
||
<a href="https://apps.apple.com/ph/app/obananapay/id6447606481" target="_blank">
|
||
<img loading="lazy" src="../assets/images/Appstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Newsletter 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 loading="lazy" 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 -->
|
||
|
||
|
||
<!-- 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 loading="lazy" 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 data-color="03" class="active"><a href="#" class="colorcode3"></a></li>
|
||
<li data-color="02"><a href="#" class="colorcode2"></a></li>
|
||
<li data-color="01"><a href="#" class="colorcode1"></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/texts2.js"></script> -->
|
||
<!-- raymart added js feb 14, 2024-->
|
||
<?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>
|