2029 lines
127 KiB
PHP
2029 lines
127 KiB
PHP
<?php
|
||
|
||
use Symfony\Component\VarDumper\VarDumper;
|
||
|
||
include "functions.php";
|
||
session_start();
|
||
$_SESSION["url"] = $_SERVER['REQUEST_URI'];
|
||
if ($_SESSION["userId"] <> "") {
|
||
$_SESSION["isLoggedIn"] = true;
|
||
$customer_data = getCustomerbyLoginId($_SESSION["userId"]);
|
||
} else {
|
||
$_SESSION["isLoggedIn"] = false;
|
||
}
|
||
|
||
?>
|
||
<!--=========================================================
|
||
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;
|
||
}
|
||
});
|
||
}
|
||
|
||
function updateWishItemCount() {
|
||
$.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
|
||
if (data != "") {
|
||
document.getElementById("wishItemCount").innerHTML = data;
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body 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 -->
|
||
<div class="ec-side-cat-overlay"></div>
|
||
<div class="col-lg-3 category-sidebar" data-animation="fadeIn">
|
||
<div class="cat-sidebar">
|
||
<div class="cat-sidebar-box">
|
||
<div class="ec-sidebar-wrap">
|
||
<!-- Sidebar Category Block -->
|
||
<div class="ec-sidebar-block">
|
||
<div class="ec-sb-title">
|
||
<h3 class="ec-sidebar-title">Category<button class="ec-close">×</button></h3>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><img src="assets/images/icons/dress-8.png" class="svg_img" alt="drink" />Cothes</div>
|
||
<ul style="display: block;">
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Shirt <span title="Available Stock">- 25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shorts & jeans <span title="Available Stock">- 52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">jacket<span title="Available Stock">- 500</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">dress & frock <span title="Available Stock">- 35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><img src="assets/images/icons/shoes-8.png" class="svg_img" alt="drink" />Footwear</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sports <span title="Available Stock">- 25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Formal <span title="Available Stock">- 52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Casual <span title="Available Stock">- 40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">safety shoes <span title="Available Stock">- 35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><img src="assets/images/icons/jewelry-8.png" class="svg_img" alt="drink" />jewelry</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Earrings <span title="Available Stock">- 50</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Couple Rings <span title="Available Stock">- 35</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Necklace <span title="Available Stock">- 40</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><img src="assets/images/icons/perfume-8.png" class="svg_img" alt="drink" />perfume</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Clothes perfume<span title="Available Stock">- 4 pcs</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">deodorant <span title="Available Stock">- 52 pcs</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Flower fragrance <span title="Available Stock">- 10 pack</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Air
|
||
Freshener<span title="Available Stock">- 35 pack</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><img src="assets/images/icons/cosmetics-8.png" class="svg_img" alt="drink" />cosmetics</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shampoo<span title="Available Stock"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sunscreen<span title="Available Stock"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">body
|
||
wash<span title="Available Stock"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">makeup kit<span title="Available Stock"></span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><img src="assets/images/icons/glasses-8.png" class="svg_img" alt="drink" />glasses</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sunglasses <span title="Available Stock">- 20</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Lenses <span title="Available Stock">- 52</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item"><img src="assets/images/icons/bag-8.png" class="svg_img" alt="drink" />bags</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shopping bag <span title="Available Stock">- 25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Gym
|
||
backpack <span title="Available Stock">- 52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">purse <span title="Available Stock">- 40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">wallet <span title="Available Stock">- 35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Sidebar Category Block -->
|
||
</div>
|
||
</div>
|
||
<div class="ec-sidebar-slider-cat">
|
||
<div class="ec-sb-slider-title">Best Sellers</div>
|
||
<div class="ec-sb-pro-sl">
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/1.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">baby fabric shoes</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$5.00</span>
|
||
<span class="new-price">$4.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Men's hoodies t-shirt</a>
|
||
</h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$10.00</span>
|
||
<span class="new-price">$7.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Girls t-shirt</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$5.00</span>
|
||
<span class="new-price">$3.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/4.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">woolen hat for men</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$15.00</span>
|
||
<span class="new-price">$12.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/5.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Womens purse</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$15.00</span>
|
||
<span class="new-price">$12.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Baby toy doctor kit</a>
|
||
</h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$50.00</span>
|
||
<span class="new-price">$45.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/7.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">teddy bear baby toy</a>
|
||
</h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$35.00</span>
|
||
<span class="new-price">$25.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Mens hoodies blue</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$15.00</span>
|
||
<span class="new-price">$13.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Main Slider Start -->
|
||
<div class="sticky-header-next-sec ec-main-slider section section-space-pb">
|
||
<div class="ec-slider swiper-container main-slider-nav main-slider-dot">
|
||
<!-- Main slider -->
|
||
<div class="swiper-wrapper">
|
||
<div class="ec-slide-item swiper-slide d-flex ec-slide-1">
|
||
<img src="https://api.obanana.com/images/storage/web_images/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">Obanana Series 2 PowerBank Collection</h1>
|
||
<h2 class="ec-slide-stitle">More that just a backup - a lifeline for your devices</h2>
|
||
<p>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 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 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="#tab-pro-for-all">For
|
||
All</a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-pro-for-men">For
|
||
Electronics</a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-pro-for-women">For
|
||
Smart Home</a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab-pro-for-child">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="tab-pro-for-all">
|
||
<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">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>" class="image">
|
||
<img class="main-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
|
||
<img class="hover-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
|
||
</a>
|
||
<!-- <span class="percentage">20%</span> -->
|
||
<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>
|
||
<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">
|
||
<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="tab-pro-for-men">
|
||
<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);
|
||
?>
|
||
<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">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>" class="image">
|
||
<img class="main-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
|
||
<img class="hover-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
|
||
</a>
|
||
<!-- <span class="percentage">20%</span> -->
|
||
<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>
|
||
<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">
|
||
<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="tab-pro-for-women">
|
||
<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);
|
||
?>
|
||
<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">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>" class="image">
|
||
<img class="main-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
|
||
<img class="hover-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
|
||
</a>
|
||
<!-- <span class="percentage">20%</span> -->
|
||
<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>
|
||
<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">
|
||
<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="tab-pro-for-child">
|
||
<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);
|
||
?>
|
||
<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">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>" class="image">
|
||
<img class="main-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
|
||
<img class="hover-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
|
||
</a>
|
||
<!-- <span class="percentage">20%</span> -->
|
||
|
||
<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>
|
||
<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">
|
||
<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 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 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 class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281191973-Electronics_gray.png" style="width: 55px;" alt="cat-icon"><img 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 class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281156875-Smarthome_gray.png" style="width: 55px;" alt="cat-icon"><img 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 class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281114426-Ebike_gray.png" style="width: 55px;" alt="cat-icon"><img 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 class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705280971569-Heavy Equipments_GRAY.png" style="width: 55px;" alt="cat-icon"><img 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 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 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 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 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 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 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 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 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: 200; height: 200; overflow: hidden;">
|
||
<img src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;">
|
||
</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>
|
||
<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) { ?>
|
||
<div class="ec-prod-img">
|
||
<a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><img 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 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 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);
|
||
?>
|
||
<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">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>" class="image">
|
||
<img class="main-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
|
||
<img class="hover-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
|
||
</a>
|
||
<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>
|
||
<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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="qty-nav-thumb">
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-7 col-sm-12 col-xs-12">
|
||
<div class="quickview-pro-content">
|
||
<h5 class="ec-quick-title"><a href="shop-left-sidebar-col-4.php">Handbag leather purse for
|
||
women</a>
|
||
</h5>
|
||
<div class="ec-quickview-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
|
||
<div class="ec-quickview-desc">Lorem Ipsum is simply dummy text of the printing and
|
||
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
||
since the 1500s,</div>
|
||
<div class="ec-quickview-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</div>
|
||
|
||
<div class="ec-pro-variation">
|
||
<div class="ec-pro-variation-inner ec-pro-variation-color">
|
||
<span>Color</span>
|
||
<div class="ec-pro-color">
|
||
<ul class="ec-opt-swatch">
|
||
<li><span style="background-color:#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 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 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 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 src="assets/images/product-image/1.jpg" alt="payment image">
|
||
<div class="detail">
|
||
<p>Someone in new just bought</p>
|
||
<h6>stylish baby shoes</h6>
|
||
<p>10 Minutes ago</p>
|
||
</div>
|
||
<a href="javascript:void(0)" class="icon-btn recent-close">×</a>
|
||
</div> -->
|
||
<!-- Recent Purchase Popup end -->
|
||
|
||
<!-- Cart Floating Button -->
|
||
<div class="ec-cart-float">
|
||
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
||
<div class="header-icon"><i class="fi-rr-shopping-basket"></i>
|
||
</div>
|
||
<span class="ec-cart-count cart-count-lable">3</span>
|
||
</a>
|
||
</div>
|
||
<!-- Cart Floating Button end -->
|
||
|
||
<!-- Whatsapp -->
|
||
<div class="ec-style ec-right-bottom">
|
||
<!-- Start Floating Panel Container -->
|
||
<div class="ec-panel">
|
||
<!-- Panel Header -->
|
||
<div class="ec-header">
|
||
<strong>Need Help?</strong>
|
||
<p>Chat with us on WhatsApp</p>
|
||
</div>
|
||
<!-- Panel Content -->
|
||
<div class="ec-body">
|
||
<ul>
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Sahar Darya</span>
|
||
<p>Sahar left 7 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon ec-online"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Yolduz Rafi</span>
|
||
<p>Yolduz is online</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon ec-offline"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Nargis Hawa</span>
|
||
<p>Nargis left 30 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
|
||
<span class="ec-status-icon ec-offline"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Khadija Mehr</span>
|
||
<p>Khadija left 50 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--/ End Floating Panel Container -->
|
||
<!-- Start Right Floating Button-->
|
||
<div class="ec-right-bottom">
|
||
<div class="ec-box">
|
||
<div class="ec-button rotateBackward">
|
||
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/ End Right Floating Button-->
|
||
</div>
|
||
<!-- Whatsapp end -->
|
||
|
||
<!-- Feature tools -->
|
||
<div class="ec-tools-sidebar-overlay"></div>
|
||
<div class="ec-tools-sidebar">
|
||
<div class="tool-title">
|
||
<h3>Features</h3>
|
||
</div>
|
||
<a href="#" class="ec-tools-sidebar-toggle in-out">
|
||
<img alt="icon" src="assets/images/common/settings.png">
|
||
</a>
|
||
<div class="ec-tools-detail">
|
||
<div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
|
||
<h3>Color Scheme</h3>
|
||
<ul class="bg-panel">
|
||
<li 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>
|
||
</body>
|
||
|
||
</html>
|