Compare commits

..

No commits in common. "465679ae48869b4d59d444f2ad7d983a0089a4b2" and "d15427e671826beb291e6ccf6c8b7aa05073ee22" have entirely different histories.

69 changed files with 2220 additions and 3548 deletions

View File

@ -58,7 +58,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -70,7 +70,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -82,7 +82,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -162,7 +162,7 @@
<div class="row">
<div class="col-md-6 ec-cms-block ec-abcms-block text-center">
<div class="ec-cms-block-inner">
<img loading="lazy" class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
<img class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
</div>
</div>
<div class="col-md-6 ec-cms-block ec-abcms-block text-center">
@ -183,7 +183,7 @@
</section>
<!-- ec testmonial Start -->
<!-- <section class="section ec-test-section section-space-ptb-100 section-space-m" id="reviews">
<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">
@ -200,7 +200,7 @@
<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"
<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
@ -223,7 +223,7 @@
<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"
<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
@ -246,7 +246,7 @@
<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"
<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
@ -270,11 +270,11 @@
</div>
</div>
</div>
</section> -->
</section>
<!-- ec testmonial end -->
<!-- services Section Start -->
<!-- <section class="section ec-services-section section-space-p" id="services">
<section class="section ec-services-section section-space-p" id="services">
<h2 class="d-none">Services</h2>
<div class="container">
<div class="row">
@ -324,7 +324,7 @@
</div>
</div>
</div>
</section> -->
</section>
<!--services Section End -->
<!-- Ec Instagram Start -->
@ -347,28 +347,28 @@
<!-- 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"
<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 loading="lazy" src="assets/images/instragram-image/2.jpg"
<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 loading="lazy" src="assets/images/instragram-image/3.jpg"
<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 loading="lazy" src="assets/images/instragram-image/4.jpg"
<a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg"
alt="insta"></a>
</div>
</div> -->
@ -376,7 +376,7 @@
<!-- 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"
<a href="#" target="_blank"><img src="assets/images/instragram-image/5.jpg"
alt="insta"></a>
</div>
</div> -->
@ -384,7 +384,7 @@
<!-- 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"
<a href="#" target="_blank"><img src="assets/images/instragram-image/6.jpg"
alt="insta"></a>
</div>
</div> -->
@ -392,7 +392,7 @@
<!-- 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"
<a href="#" target="_blank"><img src="assets/images/instragram-image/7.jpg"
alt="insta"></a>
</div>
</div> -->
@ -437,15 +437,15 @@
<!-- 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="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> -->
</div>
<!-- Recent Purchase Popup end -->
<!-- Cart Floating Button -->
@ -477,7 +477,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -501,7 +501,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -525,7 +525,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -549,7 +549,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -574,7 +574,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -589,7 +589,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png">
<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">

View File

@ -1,160 +0,0 @@
$(document).ready(function() {
"use strict";
let responseData;
function fetchDataAndInitializeChart() {
fetchData()
.then(function (response) {
responseData = response.data;
console.log(responseData);
const completedOrdersCount = countCompletedOrders(responseData);
const toPayOrdersCount = countToPayOrders(responseData);
const toShipOrdersCount = countToShipOrders(responseData);
const returnedOrdersCount = countReturnedpOrders(responseData);
initializeChart(completedOrdersCount, toPayOrdersCount, toShipOrdersCount, returnedOrdersCount);
})
.catch(function (error) {
console.error('Error fetching data:', error);
});
}
fetchDataAndInitializeChart();
function fetchData() {
return axios.get('https://api.obanana.shop/api/v1/orders/');
}
function countCompletedOrders(data) {
let completedOrdersCount = 0;
data.forEach(function(order) {
if (order.status === 'COMPLETED') {
completedOrdersCount++;
}
});
console.log(completedOrdersCount)
return completedOrdersCount;
}
function countToPayOrders(data) {
let toPayOrdersCount = 0;
data.forEach(function(order) {
if (order.status === 'TO PAY') {
toPayOrdersCount++;
}
});
console.log(toPayOrdersCount)
return toPayOrdersCount;
}
function countToShipOrders(data) {
let toShipOrdersCount = 0;
data.forEach(function(order) {
if (order.status === 'TO SHIP') {
toShipOrdersCount++;
}
});
console.log(toShipOrdersCount)
return toShipOrdersCount;
}
function countReturnedpOrders(data) {
let returnedOrdersCount = 0;
data.forEach(function(order) {
if (order.status === 'RETURNED') {
returnedOrdersCount++;
}
});
console.log(returnedOrdersCount)
return returnedOrdersCount;
}
function initializeChart(completedOrdersCount , toPayOrdersCount, toShipOrdersCount, returnedOrdersCount) {
var doughnut = document.getElementById("doughnut-chart");
if (doughnut !== null) {
var myDoughnutChart = new Chart(doughnut, {
type: "doughnut",
data: {
labels: ["Completed", "To Pay", "To Ship", "Returned"],
datasets: [
{
label: "Order Status",
data: [completedOrdersCount, toPayOrdersCount, toShipOrdersCount, returnedOrdersCount],
backgroundColor: ["#88aaf3", "#50d7ab", "#9586cd", "#ed9090"],
borderWidth: 1
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
legend: {
display: false
},
cutoutPercentage: 75,
tooltips: {
callbacks: {
title: function(tooltipItem, data) {
return "Order : " + data["labels"][tooltipItem[0]["index"]];
},
label: function(tooltipItem, data) {
return data["datasets"][0]["data"][tooltipItem["index"]];
}
},
titleFontColor: "#888",
bodyFontColor: "#555",
titleFontSize: 12,
bodyFontSize: 14,
backgroundColor: "rgba(256,256,256,0.95)",
displayColors: true,
borderColor: "rgba(220, 220, 220, 0.9)",
borderWidth: 2
}
}
});
}
}
function convertToCSV(data) {
const columnTitles = ['ORDER ID', 'STATUS', 'BUYER NAME', 'TOTAL AMOUNT', 'ORDER DATE',
'ORDER TIME', 'PRODUCT NAME','PRICE', 'QUANTITY',
'VENDOR ID', 'VENDOR NAME',];
const header = columnTitles.join(',') + '\n';
const body = data.map(order => {
const orderDate = new Date(order.order_date).toLocaleDateString('en-US');
const orderTime = new Date(order.order_date).toLocaleTimeString('en-US');
const productName = order.items.length > 0 ? `"${order.items[0].product.name}"` : '';
return [
order._id,
order.status,
order.customer[0]?.name,
order.total_amount,
orderDate,
orderTime,
productName,
order.items[0]?.price,
order.items[0]?.quantity,
order.items[0]?.vendor_id,
order.items[0]?.vendor_name
].join(',');
}).join('\n');
return header + body;
}
function downloadCSV(filename) {
const csv = convertToCSV(responseData);
const blob = new Blob([csv], { type: 'text/csv' });
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}
$('#download-btn').on('click', function(event) {
event.preventDefault();
downloadCSV('orders_data.csv');
});
});

View File

@ -29,12 +29,12 @@
<!-- User Account -->
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -91,7 +91,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -113,7 +113,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -135,7 +135,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -280,7 +280,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -302,7 +302,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -324,7 +324,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -346,7 +346,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -368,7 +368,7 @@
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">

View File

@ -13,11 +13,6 @@ if ($_SESSION["userId"] <> "") {
if($_SESSION["user_type"]!="admin"){
header("location: login.php?alert=Only admins allowed here!");
}
$all_orders = getAllOrder();
date_default_timezone_set('Asia/Manila');
?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
@ -29,7 +24,6 @@ date_default_timezone_set('Asia/Manila');
<meta name="description" content="oBanana B2B - Admin Dashboard">
<title>oBanana B2B - Admin Dashboard</title>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<!-- GOOGLE FONTS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@ -96,14 +90,14 @@ date_default_timezone_set('Asia/Manila');
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown"
aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1"><?php echo $_SESSION['email']?></small>
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
</li>
<li>
@ -166,7 +160,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -191,7 +185,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -216,7 +210,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -382,7 +376,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
<img class="rounded-circle" src="assets/img/user/u6.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -407,7 +401,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
<img class="rounded-circle" src="assets/img/user/u7.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -432,7 +426,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -457,7 +451,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -482,7 +476,7 @@ date_default_timezone_set('Asia/Manila');
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -725,27 +719,8 @@ date_default_timezone_set('Asia/Manila');
<div class="col-xl-3 col-sm-6 p-b-15 lbl-card">
<div class="card card-mini dash-card card-3">
<div class="card-body">
<?php
$currentDate = date('m-d-Y'); // Get current date
$orderCount = 0; // Initialize order count
$dailyRevenue = 0;
foreach ($all_orders as $x => $val) {
$paymentStatus = strtolower($val['payment']['status']);
$formattedOrderDate = date('m-d-Y', strtotime($val['order_date']));
if ($formattedOrderDate == $currentDate) {
$orderCount++;
if($paymentStatus == "paid"){
$dailyRevenue += $val['total_amount'];
} // Increment order count for each order on the current date
}
}
$finalDailyRevenue = number_format($dailyRevenue, 2, '.', ',');
?>
<h2 class="mb-1"><?php echo $orderCount; ?></h2>
<p>Today's Order</p>
<h2 class="mb-1">15,503</h2>
<p>Daily Order</p>
<span class="mdi mdi-package-variant"></span>
</div>
</div>
@ -753,9 +728,9 @@ date_default_timezone_set('Asia/Manila');
<div class="col-xl-3 col-sm-6 p-b-15 lbl-card">
<div class="card card-mini dash-card card-4">
<div class="card-body">
<h2 class="mb-1"> <?php echo $finalDailyRevenue ?></h2>
<p>Today's Revenue</p>
<span class="mdi mdi-cash-multiple"></span>
<h2 class="mb-1">$98,503</h2>
<p>Daily Revenue</p>
<span class="mdi mdi-currency-usd"></span>
</div>
</div>
</div>
@ -766,7 +741,6 @@ date_default_timezone_set('Asia/Manila');
<!-- Sales Graph -->
<div id="user-acquisition" class="card card-default">
<div class="card-header">
<h2>Sales Report</h2>
</div>
<div class="card-body">
@ -804,9 +778,9 @@ date_default_timezone_set('Asia/Manila');
<h2>Orders Overview</h2>
</div>
<div class="card-body">
<canvas id="doughnut-chart"></canvas>
<canvas id="doChart"></canvas>
</div>
<a href="#" id="download-btn" class="pb-5 d-block text-center text-muted"><i
<a href="#" class="pb-5 d-block text-center text-muted"><i
class="mdi mdi-download mr-2"></i> Download overall report</a>
<div class="card-footer d-flex flex-wrap bg-white p-0">
<div class="col-6">
@ -815,9 +789,9 @@ date_default_timezone_set('Asia/Manila');
<li class="mb-2"><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
style="color: #4c84ff"></i>Order Completed</li>
<li class="mb-2"><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
style="color: #80e1c1 "></i>Order To Pay</li>
style="color: #80e1c1 "></i>Order Unpaid</li>
<li><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
style="color: #ff7b7b "></i>Order Returned</li>
style="color: #ff7b7b "></i>Order returned</li>
</ul>
</div>
</div>
@ -825,7 +799,11 @@ date_default_timezone_set('Asia/Manila');
<div class="p-20">
<ul class="d-flex flex-column justify-content-between">
<li class="mb-2"><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
style="color: #8061ef"></i>Order To Ship</li>
style="color: #8061ef"></i>Order Pending</li>
<li class="mb-2"><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
style="color: #ffa128"></i>Order Canceled</li>
<li><i class="mdi mdi-checkbox-blank-circle-outline mr-2"
style="color: #7be6ff"></i>Order Broken</li>
</ul>
</div>
</div>
@ -1017,6 +995,9 @@ date_default_timezone_set('Asia/Manila');
<div class="card card-table-border-none card-default recent-orders" id="recent-orders">
<div class="card-header justify-content-between">
<h2>Recent Orders</h2>
<div class="date-range-report">
<span></span>
</div>
</div>
<div class="card-body pt-0 pb-5">
<table class="table card-table table-responsive table-responsive-large"
@ -1024,60 +1005,155 @@ date_default_timezone_set('Asia/Manila');
<thead>
<tr>
<th>Order ID</th>
<th>Customer Name</th>
<th class="d-none d-lg-table-cell">Vendor Name</th>
<th class="d-none d-lg-table-cell">Total Amount</th>
<th>Product Name</th>
<th class="d-none d-lg-table-cell">Units</th>
<th class="d-none d-lg-table-cell">Order Date</th>
<th class="d-none d-lg-table-cell">Order Cost</th>
<th>Status</th>
<th></th>
</tr>
</thead>
<tbody>
<?php
$iterationCount = 0;
foreach (array_reverse($all_orders) as $x => $val) {
$paymentStatus = strtolower($val['payment']['status']);
$formattedOrderDate = date('m-d-Y', strtotime($val['order_date']));
$orderId = $val['_id'];
$customerName = $val['customer'][0]['name'];
$vendorName = $val['items'][0]['vendor_name'];
$totalAmount = $val['total_amount'];
$orderStatus = strtoupper($val['status']);
$statusClass = '';
if ($orderStatus === 'UNPAID' || $orderStatus === 'RETURNED') {
$statusClass = '#cb3747';
} elseif ($orderStatus === 'TO PAY') {
$statusClass = '#50d7ab';
} elseif ($orderStatus === 'TO SHIP') {
$statusClass = '#9586cd';
}
elseif ($orderStatus === 'TO RECEIVE') {
$statusClass = '#ffc319';
} elseif ($orderStatus === 'COMPLETED') {
$statusClass = '#88aaf3';
}
if ($formattedOrderDate == $currentDate) {
$displayDate = date('m-d-Y, g:i A', strtotime($val['order_date']));
?>
<tr>
<td><?php echo $orderId ?></td>
<td><?php echo $customerName ?></td>
<td><?php echo $vendorName ?></td>
<td><?php echo $totalAmount ?></td>
<td><?php echo $displayDate ?></td>
<td><span style="color: <?php echo $statusClass; ?>"><?php echo $orderStatus ?></span></td>
</tr>
<?php
$iterationCount++;
if ($iterationCount >= 8) {
break;
}
}
}
?>
<tr>
<td>24541</td>
<td>
<a class="text-dark" href=""> Coach Swagger</a>
</td>
<td class="d-none d-lg-table-cell">1 Unit</td>
<td class="d-none d-lg-table-cell">Oct 20, 2018</td>
<td class="d-none d-lg-table-cell">$230</td>
<td>
<span class="badge badge-success">Completed</span>
</td>
<td class="text-right">
<div class="dropdown show d-inline-block widget-dropdown">
<a class="dropdown-toggle icon-burger-mini" href=""
role="button" id="dropdown-recent-order1"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" data-display="static"></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-item">
<a href="#">View</a>
</li>
<li class="dropdown-item">
<a href="#">Remove</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>24541</td>
<td>
<a class="text-dark" href=""> Toddler Shoes, Gucci Watch</a>
</td>
<td class="d-none d-lg-table-cell">2 Units</td>
<td class="d-none d-lg-table-cell">Nov 15, 2018</td>
<td class="d-none d-lg-table-cell">$550</td>
<td>
<span class="badge badge-primary">Delayed</span>
</td>
<td class="text-right">
<div class="dropdown show d-inline-block widget-dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#"
role="button" id="dropdown-recent-order2"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" data-display="static"></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-item">
<a href="#">View</a>
</li>
<li class="dropdown-item">
<a href="#">Remove</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>24541</td>
<td>
<a class="text-dark" href=""> Hat Black Suits</a>
</td>
<td class="d-none d-lg-table-cell">1 Unit</td>
<td class="d-none d-lg-table-cell">Nov 18, 2018</td>
<td class="d-none d-lg-table-cell">$325</td>
<td>
<span class="badge badge-warning">On Hold</span>
</td>
<td class="text-right">
<div class="dropdown show d-inline-block widget-dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#"
role="button" id="dropdown-recent-order3"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" data-display="static"></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-item">
<a href="#">View</a>
</li>
<li class="dropdown-item">
<a href="#">Remove</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>24541</td>
<td>
<a class="text-dark" href=""> Backpack Gents, Swimming Cap Slin</a>
</td>
<td class="d-none d-lg-table-cell">5 Units</td>
<td class="d-none d-lg-table-cell">Dec 13, 2018</td>
<td class="d-none d-lg-table-cell">$200</td>
<td>
<span class="badge badge-success">Completed</span>
</td>
<td class="text-right">
<div class="dropdown show d-inline-block widget-dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#"
role="button" id="dropdown-recent-order4"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" data-display="static"></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-item">
<a href="#">View</a>
</li>
<li class="dropdown-item">
<a href="#">Remove</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>24541</td>
<td>
<a class="text-dark" href=""> Speed 500 Ignite</a>
</td>
<td class="d-none d-lg-table-cell">1 Unit</td>
<td class="d-none d-lg-table-cell">Dec 23, 2018</td>
<td class="d-none d-lg-table-cell">$150</td>
<td>
<span class="badge badge-danger">Cancelled</span>
</td>
<td class="text-right">
<div class="dropdown show d-inline-block widget-dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#"
role="button" id="dropdown-recent-order5"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" data-display="static"></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-item">
<a href="#">View</a>
</li>
<li class="dropdown-item">
<a href="#">Remove</a>
</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
@ -1115,7 +1191,7 @@ date_default_timezone_set('Asia/Manila');
<td>
<div class="media">
<div class="media-image mr-3 rounded-circle">
<a href="profile.html"><img loading="lazy"
<a href="profile.html"><img
class="profile-img rounded-circle w-45"
src="assets/img/user/u1.jpg"
alt="customer image"></a>
@ -1136,7 +1212,7 @@ date_default_timezone_set('Asia/Manila');
<td>
<div class="media">
<div class="media-image mr-3 rounded-circle">
<a href="profile.html"><img loading="lazy"
<a href="profile.html"><img
class="profile-img rounded-circle w-45"
src="assets/img/user/u2.jpg"
alt="customer image"></a>
@ -1157,7 +1233,7 @@ date_default_timezone_set('Asia/Manila');
<td>
<div class="media">
<div class="media-image mr-3 rounded-circle">
<a href="profile.html"><img loading="lazy"
<a href="profile.html"><img
class="profile-img rounded-circle w-45"
src="assets/img/user/u3.jpg"
alt="customer image"></a>
@ -1178,7 +1254,7 @@ date_default_timezone_set('Asia/Manila');
<td>
<div class="media">
<div class="media-image mr-3 rounded-circle">
<a href="profile.html"><img loading="lazy"
<a href="profile.html"><img
class="profile-img rounded-circle w-45"
src="assets/img/user/u4.jpg"
alt="customer image"></a>
@ -1199,7 +1275,7 @@ date_default_timezone_set('Asia/Manila');
<td>
<div class="media">
<div class="media-image mr-3 rounded-circle">
<a href="profile.html"><img loading="lazy"
<a href="profile.html"><img
class="profile-img rounded-circle w-45"
src="assets/img/user/u5.jpg"
alt="customer image"></a>
@ -1220,7 +1296,7 @@ date_default_timezone_set('Asia/Manila');
<td>
<div class="media">
<div class="media-image mr-3 rounded-circle">
<a href="profile.html"><img loading="lazy"
<a href="profile.html"><img
class="profile-img rounded-circle w-45"
src="assets/img/user/u3.jpg"
alt="customer image"></a>
@ -1269,7 +1345,7 @@ date_default_timezone_set('Asia/Manila');
<div class="row media d-flex pt-15px pb-15px">
<div
class="col-lg-3 col-md-3 col-2 media-image align-self-center rounded">
<a href="#"><img loading="lazy" src="assets/img/products/p1.jpg" alt="customer image"></a>
<a href="#"><img src="assets/img/products/p1.jpg" alt="customer image"></a>
</div>
<div class="col-lg-9 col-md-9 col-10 media-body align-self-center ec-pos">
<a href="#">
@ -1287,7 +1363,7 @@ date_default_timezone_set('Asia/Manila');
<div class="row media d-flex pt-15px pb-15px">
<div
class="col-lg-3 col-md-3 col-2 media-image align-self-center rounded">
<a href="#"><img loading="lazy" src="assets/img/products/p2.jpg" alt="customer image"></a>
<a href="#"><img src="assets/img/products/p2.jpg" alt="customer image"></a>
</div>
<div class="col-lg-9 col-md-9 col-10 media-body align-self-center ec-pos">
<a href="#">
@ -1305,7 +1381,7 @@ date_default_timezone_set('Asia/Manila');
<div class="row media d-flex pt-15px pb-15px">
<div
class="col-lg-3 col-md-3 col-2 media-image align-self-center rounded">
<a href="#"><img loading="lazy" src="assets/img/products/p3.jpg" alt="customer image"></a>
<a href="#"><img src="assets/img/products/p3.jpg" alt="customer image"></a>
</div>
<div class="col-lg-9 col-md-9 col-10 media-body align-self-center ec-pos">
<a href="#">
@ -1351,8 +1427,6 @@ date_default_timezone_set('Asia/Manila');
<script src="assets/plugins/charts/Chart.min.js"></script>
<script src="assets/js/chart.js"></script>
<!-- gelo added dynamic charts -->
<script src="assets/js/dashboard-chart.js"></script>
<!-- Google map chart -->
<script src="assets/plugins/charts/google-map-loader.js"></script>
<script src="assets/plugins/charts/google-map.js"></script>

View File

@ -13,7 +13,7 @@
<div class="ec-brand">
<a href="index.php" title="Ekka">
<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<span class="ec-brand-name text-truncate">oBanana</span>
</a>
</div>

View File

@ -31,8 +31,7 @@ if ($_SESSION["isLoggedIn"] == true and $_SESSION["user_type"] == "admin"){
<link id="ekka-css" href="assets/css/ekka.css" rel="stylesheet" />
<!-- FAVICON -->
<!-- <link href="assets/img/favicon.png" rel="shortcut icon" /> -->
<link href="assets/img/favicon/favicon.png" rel="shortcut icon" />
<link href="assets/img/favicon.png" rel="shortcut icon" />
</head>
@ -47,7 +46,7 @@ if ($_SESSION["isLoggedIn"] == true and $_SESSION["user_type"] == "admin"){
<div class="ec-brand">
<a href="index.php" title="Ekka">
<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<span class="ec-brand-name text-truncate">oBanana</span>
</a>
</div>

View File

@ -46,8 +46,7 @@ $allorders = json_encode($orders, true);
<link id="ekka-css" rel="stylesheet" href="assets/css/ekka.css" />
<!-- FAVICON -->
<!-- <link href="assets/img/favicon.png" rel="shortcut icon" /> -->
<link href="assets/img/favicon/favicon.png" rel="shortcut icon" />
<link href="assets/img/favicon.png" rel="shortcut icon" />
</head>
<body class="ec-header-fixed ec-sidebar-fixed ec-sidebar-dark ec-header-light" id="body">
@ -137,7 +136,7 @@ $allorders = json_encode($orders, true);
</div>
<div class="form-group">
<label for="return_image-<?php echo $order['_id']; ?>">Refund Image:</label>
<img loading="lazy" class="form-control" id="return_image-<?php echo $order['_id']; ?>" src="<?php echo $order['return_order']['image']; ?>">
<img class="form-control" id="return_image-<?php echo $order['_id']; ?>" src="<?php echo $order['return_order']['image']; ?>">
</div>
<?php if ($order['return_order']['status'] == 'To Ship') : ?>
<button type="submit" class="btn btn-primary" id="to-receive-button-<?php echo $order['_id']; ?>">To Receive</button>

View File

@ -48,7 +48,7 @@
<div class="ec-brand">
<a href="index.php" title="Ekka">
<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<span class="ec-brand-name text-truncate">Ekka</span>
</a>
</div>
@ -323,12 +323,12 @@
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown"
aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -394,7 +394,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -419,7 +419,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -444,7 +444,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -611,7 +611,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
<img class="rounded-circle" src="assets/img/user/u6.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -636,7 +636,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
<img class="rounded-circle" src="assets/img/user/u7.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -661,7 +661,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -686,7 +686,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -711,7 +711,7 @@
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -960,13 +960,13 @@
<div class="avatar-edit">
<input type='file' id="imageUpload" class="ec-image-upload"
accept=".png, .jpg, .jpeg" />
<label for="imageUpload"><img loading="lazy"
<label for="imageUpload"><img
src="assets/img/icons/edit.svg"
class="svg_img header_svg" alt="edit" /></label>
</div>
<div class="avatar-preview ec-preview">
<div class="imagePreview ec-div-preview">
<img loading="lazy" class="ec-image-preview"
<img class="ec-image-preview"
src="assets/img/products/vender-upload-preview.jpg"
alt="edit" />
</div>
@ -979,13 +979,13 @@
<input type='file' id="thumbUpload01"
class="ec-image-upload"
accept=".png, .jpg, .jpeg" />
<label for="imageUpload"><img loading="lazy"
<label for="imageUpload"><img
src="assets/img/icons/edit.svg"
class="svg_img header_svg" alt="edit" /></label>
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview"
<img class="image-thumb-preview ec-image-preview"
src="assets/img/products/vender-upload-thumb-preview.jpg"
alt="edit" />
</div>
@ -996,13 +996,13 @@
<input type='file' id="thumbUpload02"
class="ec-image-upload"
accept=".png, .jpg, .jpeg" />
<label for="imageUpload"><img loading="lazy"
<label for="imageUpload"><img
src="assets/img/icons/edit.svg"
class="svg_img header_svg" alt="edit" /></label>
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview"
<img class="image-thumb-preview ec-image-preview"
src="assets/img/products/vender-upload-thumb-preview.jpg"
alt="edit" />
</div>
@ -1013,13 +1013,13 @@
<input type='file' id="thumbUpload03"
class="ec-image-upload"
accept=".png, .jpg, .jpeg" />
<label for="imageUpload"><img loading="lazy"
<label for="imageUpload"><img
src="assets/img/icons/edit.svg"
class="svg_img header_svg" alt="edit" /></label>
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview"
<img class="image-thumb-preview ec-image-preview"
src="assets/img/products/vender-upload-thumb-preview.jpg"
alt="edit" />
</div>
@ -1030,13 +1030,13 @@
<input type='file' id="thumbUpload04"
class="ec-image-upload"
accept=".png, .jpg, .jpeg" />
<label for="imageUpload"><img loading="lazy"
<label for="imageUpload"><img
src="assets/img/icons/edit.svg"
class="svg_img header_svg" alt="edit" /></label>
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview"
<img class="image-thumb-preview ec-image-preview"
src="assets/img/products/vender-upload-thumb-preview.jpg"
alt="edit" />
</div>

View File

@ -110,12 +110,12 @@ $vendorId = $_SESSION["vendorId"];
<!-- User Account -->
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -172,7 +172,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -194,7 +194,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -216,7 +216,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -361,7 +361,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -383,7 +383,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -405,7 +405,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -427,7 +427,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -449,7 +449,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -673,7 +673,7 @@ $vendorId = $_SESSION["vendorId"];
<div class="avatar-upload">
<div class="avatar-edit">
<input type='file' id="imageUpload" class="ec-image-upload" accept=".png, .jpg, .jpeg" multiple onchange="uploadProductImage()" />
<label for="imageUpload"><img loading="lazy" src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
<label for="imageUpload"><img src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
</div>
<div class="avatar-preview ec-preview">
<div class="imagePreview ec-div-preview">
@ -683,12 +683,12 @@ $vendorId = $_SESSION["vendorId"];
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
<img class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img loading="lazy" class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<img class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
@ -710,7 +710,7 @@ $vendorId = $_SESSION["vendorId"];
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="" src="<?php echo $image_url; ?>" alt="edit" />
<img class="" src="<?php echo $image_url; ?>" alt="edit" />
</div>
</div>
</div>
@ -725,7 +725,7 @@ $vendorId = $_SESSION["vendorId"];
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
<img class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
</div>
</div>
</div>

View File

@ -71,12 +71,12 @@ if($_SESSION["user_type"]!="admin"){
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown"
aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -142,7 +142,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -167,7 +167,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -192,7 +192,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -359,7 +359,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
<img class="rounded-circle" src="assets/img/user/u6.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -384,7 +384,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
<img class="rounded-circle" src="assets/img/user/u7.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -409,7 +409,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -434,7 +434,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -459,7 +459,7 @@ if($_SESSION["user_type"]!="admin"){
<a href="javscript:void(0)"
class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -727,9 +727,9 @@ if($_SESSION["user_type"]!="admin"){
<div class="image-container" style="height: 300px;"> <!-- Adjust the height as needed -->
<?php
if (isset($product['product_image']) && !empty($product['product_image'])) {
echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
} else {
echo '<img loading="lazy" src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
echo '<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
}
?>
</div>

View File

@ -115,7 +115,7 @@ $users = getUsers();
<a href="javascript:0" class="view-detail" id="modalTrigger-<?php echo $user['_id']; ?>"><i class="mdi mdi-eye-plus-outline"></i></a>
<!-- <a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modalContact-<?php echo $user['_id']; ?>" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i></a> -->
<a href="javascript:0" class="media text-secondary">
<img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/7/7e/Circle-icons-profile.svg" class="mr-3 img-fluid" alt="Avatar Image">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/7e/Circle-icons-profile.svg" class="mr-3 img-fluid" alt="Avatar Image">
<div class="media-body">
<h5 class="mt-0 mb-2 text-dark"><?php echo $user['username'] ?></h5>
<div class="icon">

View File

@ -77,12 +77,12 @@ if($_SESSION["user_type"]!="admin"){
<!-- User Account -->
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -139,7 +139,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -161,7 +161,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -183,7 +183,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -328,7 +328,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -350,7 +350,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -372,7 +372,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -394,7 +394,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -416,7 +416,7 @@ if($_SESSION["user_type"]!="admin"){
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -632,7 +632,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Emma Smith</h5>
@ -672,7 +672,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u2.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u2.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Bobly Smith</h5>
@ -712,7 +712,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u3.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u3.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Robin Hood</h5>
@ -754,7 +754,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u4.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u4.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">devin chingol</h5>
@ -796,7 +796,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u5.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u5.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Nitilo Smith</h5>
@ -838,7 +838,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u6.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u6.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Mehulo Kathia</h5>
@ -880,7 +880,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u7.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u7.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Bridg Stone</h5>
@ -922,7 +922,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u8.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u8.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">pintu Trainee</h5>
@ -964,7 +964,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u9.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u9.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">DL Kapdia</h5>
@ -1006,7 +1006,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u10.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u10.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Manu Semli</h5>
@ -1048,7 +1048,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u11.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u11.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Niki Smith</h5>
@ -1090,7 +1090,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="vendor-info card-body text-center p-4">
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
<div class="image mb-3">
<img loading="lazy" src="assets/img/vendor/u12.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
<img src="assets/img/vendor/u12.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
</div>
<h5 class="card-title text-dark">Jullie Bronzna</h5>
@ -1162,7 +1162,7 @@ if($_SESSION["user_type"]!="admin"){
<div class="profile-content-left px-4">
<div class="text-center widget-profile px-0 border-0">
<div class="card-img mx-auto rounded-circle">
<img loading="lazy" src="assets/img/user/u1.jpg" alt="user image">
<img src="assets/img/user/u1.jpg" alt="user image">
</div>
<div class="card-body">
@ -1229,7 +1229,7 @@ if($_SESSION["user_type"]!="admin"){
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="/assets/images/banner/7.jpg" alt="edit" />
<img class="image-thumb-preview ec-image-preview v-img" src="/assets/images/banner/7.jpg" alt="edit" />
</div>
</div>
</div>
@ -1242,7 +1242,7 @@ if($_SESSION["user_type"]!="admin"){
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="/assets/images/vendor/5.jpg" alt="edit" />
<img class="image-thumb-preview ec-image-preview v-img" src="/assets/images/vendor/5.jpg" alt="edit" />
</div>
</div>
</div>

View File

@ -163,9 +163,9 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="image mb-3">
<?php
if (isset($vendor['vendor_image']) && !empty($vendor['vendor_image'])) {
echo '<img loading="lazy" src="' . $vendor['vendor_image'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="width: 150px; height: 150px; object-fit: cover; border-radius: 50%;"> ';
echo '<img src="' . $vendor['vendor_image'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="width: 150px; height: 150px; object-fit: cover; border-radius: 50%;"> ';
} else {
echo '<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" class="img-fluid rounded-circle" alt="Placeholder Image">';
echo '<img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" class="img-fluid rounded-circle" alt="Placeholder Image">';
}
?>
</div>
@ -240,9 +240,9 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="vendor-image" style="padding-top:20px; ">
<?php
if (isset($vendor['vendor_image']) && !empty($vendor['vendor_image'])) {
echo '<img loading="lazy" src="' . $vendor['vendor_image'] . '" alt="edit" id="imgPrev' . $vendor['_id'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="align-items:left; width:100px; height:100px; object-fit:cover; border-radius:80%;"> ';
echo '<img src="' . $vendor['vendor_image'] . '" alt="edit" id="imgPrev' . $vendor['_id'] . '" class="img-fluid rounded-circle" alt="Avatar Image" style="align-items:left; width:100px; height:100px; object-fit:cover; border-radius:80%;"> ';
} else {
echo '<img loading="lazy" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" id="imgPrev" alt="edit" class="img-fluid rounded-circle" alt="Placeholder Image" style="align-items:left; width:80px; height:80px; object-fit:cover; border-radius:50%;">';
echo '<img src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" id="imgPrev" alt="edit" class="img-fluid rounded-circle" alt="Placeholder Image" style="align-items:left; width:80px; height:80px; object-fit:cover; border-radius:50%;">';
}
?>
</div>
@ -845,7 +845,7 @@ function validateEmail(vendorId) {
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
<img class="image-thumb-preview ec-image-preview v-img"
src="assets/images/banner/7.jpg" alt="edit" />
</div>
</div>
@ -860,7 +860,7 @@ function validateEmail(vendorId) {
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
<img class="image-thumb-preview ec-image-preview v-img"
src="assets/images/vendor/5.jpg" alt="edit" />
</div>
</div>
@ -1011,7 +1011,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -1036,7 +1036,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message ">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -1062,7 +1062,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u3.jpg"
<img class="rounded-circle" src="assets/img/user/u3.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -1087,7 +1087,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u4.jpg"
<img class="rounded-circle" src="assets/img/user/u4.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -1114,7 +1114,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -1141,7 +1141,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
<img class="rounded-circle" src="assets/img/user/u6.jpg"
alt="Image">
<span class="status"></span>
</div>
@ -1168,7 +1168,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
<img class="rounded-circle" src="assets/img/user/u7.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -1195,7 +1195,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u8.jpg"
<img class="rounded-circle" src="assets/img/user/u8.jpg"
alt="Image">
<span class="status"></span>
</div>
@ -1222,7 +1222,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
<img class="rounded-circle" src="assets/img/user/u1.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -1248,7 +1248,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
<img class="rounded-circle" src="assets/img/user/u2.jpg"
alt="Image">
<span class="status"></span>
</div>
@ -1274,7 +1274,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u3.jpg"
<img class="rounded-circle" src="assets/img/user/u3.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -1300,7 +1300,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u4.jpg"
<img class="rounded-circle" src="assets/img/user/u4.jpg"
alt="Image">
<span class="status active"></span>
</div>
@ -1327,7 +1327,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
<img class="rounded-circle" src="assets/img/user/u5.jpg"
alt="Image">
<span class="status"></span>
</div>
@ -1354,7 +1354,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
<img class="rounded-circle" src="assets/img/user/u6.jpg"
alt="Image">
<span class="status away"></span>
</div>
@ -1381,7 +1381,7 @@ function validateEmail(vendorId) {
<li>
<div class="media media-message">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
<img class="rounded-circle" src="assets/img/user/u7.jpg"
alt="Image">
<span class="status"></span>
</div>

View File

@ -95,7 +95,7 @@ $vendorId = $_SESSION["vendorId"];
<div class="avatar-upload">
<div class="avatar-edit">
<input type='file' id="imageUpload" class="ec-image-upload" accept=".png, .jpg, .jpeg" multiple onchange="uploadProductImage()" />
<label for="imageUpload"><img loading="lazy" src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
<label for="imageUpload"><img src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
</div>
<div class="avatar-preview ec-preview">
<div class="imagePreview ec-div-preview">
@ -105,12 +105,12 @@ $vendorId = $_SESSION["vendorId"];
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
<img class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img loading="lazy" class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<img class="ec-image-preview" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
@ -132,7 +132,7 @@ $vendorId = $_SESSION["vendorId"];
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="" src="<?php echo $image_url; ?>" alt="edit" />
<img class="" src="<?php echo $image_url; ?>" alt="edit" />
</div>
</div>
</div>
@ -147,7 +147,7 @@ $vendorId = $_SESSION["vendorId"];
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
<img class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
</div>
</div>
</div>

View File

@ -81,12 +81,12 @@ if ($_SESSION["user_type"] != "admin") {
<!-- User Account -->
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -143,7 +143,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -165,7 +165,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -187,7 +187,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -332,7 +332,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -354,7 +354,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -376,7 +376,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -398,7 +398,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -420,7 +420,7 @@ if ($_SESSION["user_type"] != "admin") {
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -654,7 +654,7 @@ if ($_SESSION["user_type"] != "admin") {
?>
<tr>
<td><img loading="lazy" class="vendor-thumb" src="assets/img/vendor/u1.jpg" alt="vendor image" /></td>
<td><img class="vendor-thumb" src="assets/img/vendor/u1.jpg" alt="vendor image" /></td>
<td><?php echo $vendor['first_name'] ?></td>
<td><?php echo $vendor['user_email']; ?></td>
<td>28</td>
@ -703,7 +703,7 @@ if ($_SESSION["user_type"] != "admin") {
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
<img class="image-thumb-preview ec-image-preview v-img"
src="assets/images/banner/7.jpg" alt="edit" />
</div>
</div>
@ -718,7 +718,7 @@ if ($_SESSION["user_type"] != "admin") {
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
<img class="image-thumb-preview ec-image-preview v-img"
src="assets/images/vendor/5.jpg" alt="edit" />
</div>
</div>

View File

@ -46,7 +46,7 @@ $vendorId = $_SESSION["vendorId"];
<div class="ec-brand">
<a href="index.php" title="Ekka">
<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
<span class="ec-brand-name text-truncate">oBanana</span>
</a>
</div>
@ -319,12 +319,12 @@ $vendorId = $_SESSION["vendorId"];
<!-- User Account -->
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -381,7 +381,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -403,7 +403,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -425,7 +425,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -570,7 +570,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -592,7 +592,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -614,7 +614,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -636,7 +636,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -658,7 +658,7 @@ $vendorId = $_SESSION["vendorId"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -902,9 +902,9 @@ $vendorId = $_SESSION["vendorId"];
<div class="image-container" style="height: 300px;"> <!-- Adjust the height as needed -->
<?php
if (isset($product['product_image']) && !empty($product['product_image'])) {
echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
} else {
echo '<img loading="lazy" src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
echo '<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
}
?>
</div>

View File

@ -155,12 +155,12 @@ if($_SESSION["user_type"]!="admin"){
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
<img class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
<?php
}
} else {
?>
<img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
<?php
}
?>
@ -210,8 +210,8 @@ if($_SESSION["user_type"]!="admin"){
filteredProducts.forEach(prod => {
const productImage = prod.images.split(',') ?? [];
const image = productImage[0] ?
`<img loading="lazy" class="img-fluid" src="${productImage[0]}" alt="product image" style="object-fit: cover; width: 100%; height: 100%;" />` :
`<img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="placeholder image" style="object-fit: cover; width: 100%; height: 100%;" />`;
`<img class="img-fluid" src="${productImage[0]}" alt="product image" style="object-fit: cover; width: 100%; height: 100%;" />` :
`<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="placeholder image" style="object-fit: cover; width: 100%; height: 100%;" />`;
const card = document.createElement('div');
card.classList.add('col-lg-3', 'col-md-4', 'col-sm-6');
@ -264,10 +264,10 @@ if($_SESSION["user_type"]!="admin"){
const productImage = prod.images.split(',') ??[]
// console.log(productImage)
const image = productImage[0] ?`
<img loading="lazy" class="img-fluid" src="${productImage[0]}" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
<img class="img-fluid" src="${productImage[0]}" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
`:`
<img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
`
const card = document.createElement('div')

View File

@ -116,12 +116,12 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<!-- User Account -->
<li class="dropdown user-menu">
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
<img loading="lazy" src="assets/img/user/user.png" class="user-image" alt="User Image" />
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
</button>
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
<!-- User image -->
<li class="dropdown-header">
<img loading="lazy" src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
<div class="d-inline-block">
John Deo <small class="pt-1">john.example@gmail.com</small>
</div>
@ -178,7 +178,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -200,7 +200,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -222,7 +222,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -367,7 +367,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -389,7 +389,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -411,7 +411,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification media-active">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
<span class="status active"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -433,7 +433,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -455,7 +455,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<li>
<a href="javscript:void(0)" class="media media-message media-notification">
<div class="position-relative mr-3">
<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
<span class="status away"></span>
</div>
<div class="media-body d-flex justify-content-between">
@ -666,9 +666,9 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="ec-catalog-vendor" style="display: inline-block;">
<a href="vendor-profile.php?id=<?php echo $vendor["_id"] ?>">
<?php if (isset($vendor['vendor_image'])) : ?>
<img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
<img src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
<?php else : ?>
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
<img src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
<?php endif; ?>
</a>
</div>
@ -742,12 +742,12 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
<img class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
<?php
}
} else {
?>
<img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
<?php
}
?>

View File

@ -65,25 +65,25 @@ foreach ($vendorPayouts as $payout) {
}
}
// if (isset($_SESSION["token"])) {
// $token = $_SESSION["token"];
// $token_parts = explode(".", $token);
// $token_payload = base64_decode($token_parts[1]);
// $token_data = json_decode($token_payload);
if (isset($_SESSION["token"])) {
$token = $_SESSION["token"];
$token_parts = explode(".", $token);
$token_payload = base64_decode($token_parts[1]);
$token_data = json_decode($token_payload);
// $issued_at_time = $token_data->iat;
// $expiration_time = $token_data->exp;
// $renewal_time = $issued_at_time + 200;
$issued_at_time = $token_data->iat;
$expiration_time = $token_data->exp;
$renewal_time = $issued_at_time + 3300;
// // if (time() >= $renewal_time || time() >= $expiration_time) {
// // header("Location: token-renew.php");
// // exit;
// // }
// }
if (time() >= $renewal_time || time() >= $expiration_time) {
header("Location: token-renew.php");
exit;
}
}
// $token = loginRenew($_SESSION["email"], $_SESSION["password"], $token);
// $_SESSION["token"] = $token;
date_default_timezone_set('Asia/Manila');
?>
<!DOCTYPE html>
@ -114,7 +114,7 @@ date_default_timezone_set('Asia/Manila');
<!-- FAVICON -->
<link href="assets/img/favicon.png" rel="shortcut icon" />
<!-- <script>
<script>
function renewToken() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "token-renew.php", true);
@ -122,64 +122,15 @@ date_default_timezone_set('Asia/Manila');
}
setInterval(function() {
var currentTime = <?php // echo time(); ?>;
var renewalTime = <?php // echo $renewal_time; ?>;
var expirationTime = <?php // echo $expiration_time; ?>;
var currentTime = <?php echo time(); ?>;
var renewalTime = <?php echo $renewal_time; ?>;
var expirationTime = <?php echo $expiration_time; ?>;
if (currentTime >= renewalTime || currentTime >= expirationTime) {
renewToken();
}
}, 60000);
</script> -->
<script>
var token_parts = "<?php echo $_SESSION["token"]; ?>".split(".");
console.log("Token Payload: " + token_parts[1]);
var token_payload = atob(token_parts[1]);
var token_data = JSON.parse(token_payload);
var issued_at_time = token_data.iat;
var expiration_time = token_data.exp;
var renewal_time = issued_at_time + 200;
console.log("Issued At Time: " + new Date(issued_at_time * 1000).toLocaleString());
console.log("Expiration Time: " + new Date(expiration_time * 1000).toLocaleString());
console.log("Renewal Time: " + new Date(renewal_time * 1000).toLocaleString());
function renewToken() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "token-renew.php", true);
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var newToken = xhr.responseText;
token_parts = newToken.split(".");
token_payload = atob(token_parts[1]);
token_data = JSON.parse(token_payload);
issued_at_time = token_data.iat
renewal_time = issued_at_time + 200
expiration_time = token_data.exp;
console.log("New Token: " + token_parts)
console.log("Token renewed at: " + new Date().toLocaleString());
console.log("New expiration time: " + new Date(expiration_time * 1000).toLocaleString());
}
};
xhr.send();
}
setInterval(function() {
var currentTime = Date.now() / 1000;
var renewalTime = renewal_time;
var expirationTime = expiration_time;
console.log("Current Time: " + new Date(currentTime * 1000).toLocaleString());
console.log("Renewal Time: " + new Date(renewalTime * 1000).toLocaleString());
console.log("Expiration Time: " + new Date(expirationTime * 1000).toLocaleString());
if (currentTime >= renewalTime || currentTime >= expirationTime) {
console.log("Renewing token...");
renewToken();
}
}, 60000);
</script>
</head>
<body class="ec-header-fixed ec-sidebar-fixed ec-sidebar-dark ec-header-light" id="body">
@ -217,7 +168,7 @@ function renewToken() {
<div class="ec-disp">
<div class="text-center widget-profile px-0 border-0">
<div class="card-img mx-auto rounded-circle">
<img loading="lazy" src="<?php
<img src="<?php
if($array["vendor_image"]!=""){
echo $array["vendor_image"];
} else {
@ -263,7 +214,6 @@ function renewToken() {
?>
<?php echo $_SESSION["token"] ?><br>
<?php $real_time = date('Y-m-d H:i:s', $expiration_time); echo $real_time?>
<?php // echo $_SESSION["email"] ?> <br>
<?php // echo "Updated token: " . $token; ?>
<?php // echo $_SESSION["password"] ?>
@ -338,7 +288,7 @@ function renewToken() {
</div>
<div class="card-body pt-0 pb-0 table-responsive">
<table id='paymentsTable'class="table">
<table class="table">
<thead>
<tr>
<th><input type="checkbox"></th>
@ -362,13 +312,12 @@ function renewToken() {
if ($orderItems['payment']['status'] === 'PAID') {
foreach ($orderItems['items'] as $item) {
$displayDate = date('m-d-Y, g:i A', strtotime($orderItems['updatedAt']));
$isPayoutCompleted = !empty($orderItems['payout_status']);
?>
<tr>
<td><input type="checkbox" <?php echo $isPayoutCompleted ? 'disabled' : ''; ?>></td>
<td><?php echo $orderItems['payment_method']; ?></td>
<td><?php echo $orderItems['total_amount']; ?></td>
<td><?php echo $item['price']; ?></td>
<td>
<span class="badge badge-success"><?php echo $orderItems['payment']['status']; ?></span>
</td>
@ -378,7 +327,7 @@ function renewToken() {
<td>
<a class="text-dark" href=""><?php echo $item['product']['name']; ?></a>
</td>
<td><?php echo $displayDate; ?></td>
<td><?php echo $orderItems['updatedAt']; ?></td>
<td hidden><?php echo $orderItems['_id']; ?></td>
<td class="text-right">
<div class="dropdown show d-inline-block widget-dropdown">

View File

@ -16555,7 +16555,6 @@ h6 {
left: 0;
bottom: 0;
background: #ffffff;
opacity:0.6;
z-index: 999;
}
@ -16578,7 +16577,7 @@ h6 {
}
#ec-overlay .ec-ellipsis div:nth-child(1) {
background: #ffaa00;
background: #3474d4;
left: 8px;
-webkit-animation: lds-ellipsis1 0.6s infinite;
animation: lds-ellipsis1 0.6s infinite;
@ -16592,11 +16591,12 @@ h6 {
}
#ec-overlay .ec-ellipsis div:nth-child(3) {
background: #ffaa00;
background: #3474d4;
left: 32px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
}
#ec-overlay .ec-ellipsis div:nth-child(4) {
background: #555;
left: 56px;

View File

@ -10,6 +10,7 @@
// }
// }
// function deleteOrder(orderId) {
// fetch('https://api.obanana.shop/api/v1/orders/' + orderId, {
// method: 'DELETE'
@ -26,6 +27,8 @@
// .catch(error => console.error('Error:', error));
// }
// function login(username, password, callback) {
// fetch("https://api.obanana.shop/api/v1/login", {
// method: "POST",
@ -79,6 +82,7 @@
// console.log("Product Vendor JSON: " + vendorObj);
// var sessionToken = token;
// var productImage = productObj.product_image;
// var productId = productObj._id;
@ -91,6 +95,7 @@
// var customerId = customerObj[0]._id;
// var customerName = customerObj[0].first_name + ' ' + customerObj[0].last_name;
// // Now you can use these variables as needed
// console.log("Product email: " + email);
// console.log("Product password: " + password);
@ -158,6 +163,7 @@
// }
// };
// orderCheckXhr.send();
// function createNewOrder() {
@ -197,7 +203,7 @@
// <div class="ec-pro-content">
// <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
// <span class="cart-price" id="cart-price">
// Unit Price: <span>${response.items[0].price}</span>
// Unit Price: <span>${response.items[0].price}</span>
// </span>
// <span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
// <div class="qty-plus-minuses">
@ -245,6 +251,7 @@
// .catch(error => console.error('Error:', error));
// }
// function updateOrder(orderId, existingItemId) {
// var updateOrderXhr = new XMLHttpRequest();
// // const token = '<?php echo $_SESSION["token"] ?>';
@ -270,7 +277,7 @@
// <div class="ec-pro-content">
// <a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
// <span class="cart-price" id="cart-price">
// Unit Price: <span>${response.items[0].price}</span>
// Unit Price: <span>${response.items[0].price}</span>
// </span>
// <span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
// <div class="qty-plus-minuses">
@ -322,6 +329,8 @@
// patchTotalAmountXhr.send(JSON.stringify(patchData));
// }
// })
// }
@ -367,7 +376,7 @@
// return Promise.resolve(); // Resolve the promise to continue the chain
// }
// })
// .then(response => {
// if (response && response.ok) {
// // Handle success (e.g., show a success message)
@ -387,6 +396,10 @@
// });
// }
// function deleteOrder(orderId) {
// fetch('https://api.obanana.shop/api/v1/orders/' + orderId, {
// method: 'DELETE'
@ -404,129 +417,91 @@
// }
function login(username, password, callback) {
fetch("https://api.obanana.shop/api/v1/login", {
method: "POST",
headers: {
"Content-Type": "application/json",
"X-Api-Key": "{{apiKey}}",
},
body: JSON.stringify({
username: username,
password: password,
}),
})
.then((response) => {
if (response.ok) {
return response.json();
} else {
throw new Error("Unable to login");
}
})
.then((data) => {
fetch("update-token-session.php", {
method: "POST",
headers: {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
token: data.token,
}),
"X-Api-Key": "{{apiKey}}"
},
body: JSON.stringify({
username: username,
password: password
})
.then((response) => response.json())
.then((result) => {
if (result.status === "success") {
sessionToken = data.token;
console.log("New Token:", sessionToken);
callback(sessionToken);
})
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error("Unable to update session token");
throw new Error("Unable to login");
}
});
})
.catch((error) => {
console.error("Error:", error.message);
});
}
function popupAddToCart(
product,
productVendor,
token,
email,
password,
customer
) {
})
.then(data => {
fetch("update-token-session.php", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
token: data.token
})
})
.then(response => response.json())
.then(result => {
if (result.status === 'success') {
sessionToken = data.token;
console.log("New Token:", sessionToken);
callback(sessionToken);
} else {
throw new Error("Unable to update session token");
}
});
})
.catch(error => {
console.error("Error:", error.message);
});
}
function popupAddToCart(product, productVendor, token, email, password, customer) {
// var productObj = JSON.parse(product);
let productData = decodeURIComponent(product);
console.log(productData);
var cleanedProduct = productData.replace(/[\r\n]+/gm, "");
// console.log(product)
var cleanedProduct = product.replace(/[\r\n]+/gm, '');
var productObj;
try {
// Attempt to parse 'cleanedProduct' as JSON
productObj = JSON.parse(cleanedProduct);
// Log the parsed object for debugging
console.log("Parsed Product Object:", productObj);
// Attempt to parse 'cleanedProduct' as JSON
productObj = JSON.parse(cleanedProduct);
// Log the parsed object for debugging
console.log("Parsed Product Object:", productObj);
} catch (error) {
// Log the error and return, or handle it accordingly
console.error("Error parsing product JSON: ", error);
return;
// Log the error and return, or handle it accordingly
console.error("Error parsing product JSON: ", error);
return;
}
// Now 'productObj' contains the parsed product or the original object/array
try {
let customerData = decodeURIComponent(customer);
var cleanedCustomer = new Array(customerData);
try {
function parseJSONSafely(jsonString) {
try {
// First attempt to parse the JSON
var parsedJSON = JSON.parse(jsonString);
// Second attempt to parse the JSON
var parsedJSONAgain = JSON.parse(parsedJSON);
// If the second parse succeeds, return its result
return parsedJSONAgain;
} catch (error) {
// If an error occurs during the second parse, return the result of the first parse
return parsedJSON;
}
}
// Example usage:
var customerObj = parseJSONSafely(cleanedCustomer);
console.log();
} catch (error) {
console.error("Error parsing customer JSON:", error);
}
var trimmedCustomer = customer
var customerObj = JSON.parse(trimmedCustomer);
console.log("Customer Object: ", customerObj);
} catch (error) {
console.error("Error parsing customer JSON: ", error);
console.error("Error parsing customer JSON: ", error);
}
let vendorData = decodeURIComponent(productVendor);
var vendorObj = JSON.parse(vendorData);
var vendorObj = JSON.parse(productVendor);
var sessionToken = token;
var productImage = productObj.images;
var productId = productObj._id;
var productName = productObj.product_name;
var productPrice = productObj.sale_price
? productObj.sale_price
: productObj.regular_price;
var shippingFee =
productObj.shipping_fee && productObj.shipping_fee !== ""
? productObj.shipping_fee
: "50";
var productPrice = productObj.sale_price ? productObj.sale_price : productObj.regular_price;
var shippingFee = productObj.shipping_fee && productObj.shipping_fee !=="" ? productObj.shipping_fee: '50' ;
var productVendorId = vendorObj._id;
var vendorName = vendorObj.user_login;
var productQuantity = 1;
var customerId = customerObj[0]._id;
var customerName = customerObj[0].first_name + " " + customerObj[0].last_name;
var customerName = customerObj[0].first_name + ' ' + customerObj[0].last_name;
console.log("Product email: " + email);
console.log("Product password: " + password);
console.log("Product Token: " + sessionToken);
@ -538,370 +513,295 @@ function login(username, password, callback) {
console.log("Product Vendor Name: " + vendorName);
console.log("Product Quantity: " + productQuantity);
console.log("Customer ID: " + customerId);
console.log("Customer Names: " + customerName);
login(email, password, function (token) {
var productData = {
product: {
product_image: productImage,
product_id: productId,
name: productName,
},
price: productPrice,
quantity: productQuantity,
vendor_id: productVendorId,
vendor_name: vendorName,
};
var totalAmount = productData.price * productData.quantity;
var customerData = {
customer_id: customerId,
name: customerName,
};
var existingOrder;
var orderCheckXhr = new XMLHttpRequest();
orderCheckXhr.open(
"GET",
"https://api.obanana.shop/api/v1/orders/customer/" +
customerData.customer_id,
true
);
orderCheckXhr.onreadystatechange = function () {
if (orderCheckXhr.readyState === 4) {
if (orderCheckXhr.status === 200) {
var orders = JSON.parse(orderCheckXhr.responseText);
var existingItemId;
var ordersFiltered = orders.filter(
(e) => e.status === "CART" || e.status === "Cart"
);
console.log();
existingOrder = ordersFiltered.find((order) =>
order.items.some(
(item) =>
item.product.product_id === productData.product.product_id
)
);
console.log("exist? " + existingOrder);
if (existingOrder) {
var existingItemId = existingOrder.items[0]._id;
// If the product is found in an existing CART order, update the order
updateOrder(existingOrder._id, existingItemId);
} else {
// If the product is not found or the order is not a CART, create a new order
console.log("No Order Yet!");
createNewOrder();
console.log("Customer Name: " + customerName);
login(email, password, function(token){
var productData = {
product: {
product_image: productImage,
product_id: productId,
name: productName,
},
price: productPrice,
quantity: productQuantity,
vendor_id: productVendorId,
vendor_name: vendorName,
};
var totalAmount = productData.price * productData.quantity;
var customerData = {
customer_id: customerId,
name: customerName,
};
var existingOrder;
var orderCheckXhr = new XMLHttpRequest();
orderCheckXhr.open("GET", "https://api.obanana.shop/api/v1/orders/customer/" + customerData.customer_id, true);
orderCheckXhr.onreadystatechange = function() {
if (orderCheckXhr.readyState === 4) {
if (orderCheckXhr.status === 200) {
var orders = JSON.parse(orderCheckXhr.responseText);
var existingItemId;
var ordersFiltered = orders.filter((e) => e.status === "CART" || e.status === "Cart")
console.log()
existingOrder = ordersFiltered.find(order => order.items.some(item => item.product.product_id === productData.product.product_id));
console.log("exist? " + existingOrder)
if (existingOrder) {
var existingItemId = existingOrder.items[0]._id;
// If the product is found in an existing CART order, update the order
updateOrder(existingOrder._id, existingItemId);
} else {
// If the product is not found or the order is not a CART, create a new order
console.log("No Order Yet!")
createNewOrder()
}
} else if (orderCheckXhr.status === 404) {
// If the customer has no orders, create a new order
console.log("No Order Yet!")
createNewOrder();
} else {
// Handle error response from the server when checking orders
console.log("Error checking orders:", orderCheckXhr.responseText);
}
}
} else if (orderCheckXhr.status === 404) {
// If the customer has no orders, create a new order
console.log("No Order Yet!");
createNewOrder();
} else {
// Handle error response from the server when checking orders
console.log("Error checking orders:", orderCheckXhr.responseText);
}
};
orderCheckXhr.send();
function createNewOrder() {
var xhr = new XMLHttpRequest();
// Declare requestData before sending the request
var requestData = {
items: [productData],
customer: [customerData],
status: "CART",
total_amount: totalAmount,
shipping_fee: shippingFee,
};
console.log("Request data:", requestData); // Debugging statement
// const token = '<?php echo $_SESSION["token"] ?>';
xhr.open("POST", "https://api.obanana.shop/api/v1/orders", true);
xhr.setRequestHeader("Content-Type", "application/json", );
xhr.setRequestHeader("Authorization", "Bearer " + token);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 201) {
var response = JSON.parse(xhr.responseText);
console.log("Response:", response); // Debugging statement
// Update the cart dynamically
var cartList = document.querySelector(".eccart-pro-items");
var newOrder = document.createElement("li");
newOrder.id = `order_${response._id}`;
var imageUrl = response.items[0].product.product_image ? response.items[0].product.product_image.split(',')[0].trim() : "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png";
console.log(response)
newOrder.innerHTML = `
<a href="product-left-sidebar.php?id=${response.items[0]._id}" class="sidekka_pro_img">
<img src="${imageUrl}" alt="product" />
</a>
<div class="ec-pro-content">
<a href="product-left-sidebar.php?id=${response.items[0]._id}" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<!-- 02-16-2024 Stacy added style -->
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)">-</div>
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
</div>
<!-- 02-16-2024 Stacy added style -->
</div>
`;
getLatestOrders()
updateCartItemCount()
cartList.appendChild(newOrder);
} else {
// Handle error response from the server
console.log("Error response from the server");
console.log(xhr.responseText); // Log the server's response
}
}
};
xhr.send(JSON.stringify(requestData));
}
};
orderCheckXhr.send();
function createNewOrder() {
var xhr = new XMLHttpRequest();
// Declare requestData before sending the request
var requestData = {
items: [productData],
customer: [customerData],
status: "CART",
total_amount: totalAmount,
shipping_fee: shippingFee,
};
console.log("Request data:", requestData); // Debugging statement
// const token = '<?php echo $_SESSION["token"] ?>';
xhr.open("POST", "https://api.obanana.shop/api/v1/orders", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Authorization", "Bearer " + token);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 201) {
var response = JSON.parse(xhr.responseText);
console.log("Response:", response); // Debugging statement
// Update the cart dynamically
var cartList = document.querySelector(".eccart-pro-items");
var newOrder = document.createElement("li");
newOrder.id = `order_${response._id}`;
var imageUrl = response.items[0].product.product_image
? response.items[0].product.product_image.split(",")[0].trim()
: "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png";
console.log(response);
newOrder.innerHTML = `
<a href="product-left-sidebar.php?id=${response.items[0]._id}" class="sidekka_pro_img">
<img src="${imageUrl}" alt="product" />
</a>
<div class="ec-pro-content">
<a href="product-left-sidebar.php?id=${response.items[0]._id}" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<!-- 02-16-2024 Stacy added style -->
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)">-</div>
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
</div>
<!-- 02-16-2024 Stacy added style -->
</div>
`;
getLatestOrders();
updateCartItemCount();
cartList.appendChild(newOrder);
} else {
// Handle error response from the server
console.log("Error response from the server");
console.log(xhr.responseText); // Log the server's response
}
}
};
xhr.send(JSON.stringify(requestData));
}
function getLatestOrders() {
// var customerId = '<?php echo $customer_data[0]['_id'] ?>'
// Fetch the order data
fetch(`https://api.obanana.shop/api/v1/orders/customer/${customerId}`)
.then((response) => response.json())
.then((orderData) => {
if (orderData && orderData !== "") {
console.log(orderData);
const filteredOrders = orderData.filter(
(order) => order.status.toUpperCase() === "CART"
);
const totalAmountSum = filteredOrders.reduce((sum, order) => {
const totalAmount = parseFloat(order.total_amount);
return sum + totalAmount;
}, 0);
console.log("Total Amount Sum:", totalAmountSum);
document.getElementById(`floatCartTotalAmount`).innerText =
totalAmountSum;
} else {
alert("Error fetching order data");
}
})
.catch((error) => console.error("Error:", error));
}
function updateOrder(orderId, existingItemId) {
var updateOrderXhr = new XMLHttpRequest();
// const token = '<?php echo $_SESSION["token"] ?>';
updateOrderXhr.open(
"PUT",
`https://api.obanana.shop/api/v1/orders/${orderId}/items/${existingItemId}`,
true
);
updateOrderXhr.setRequestHeader("Content-Type", "application/json");
updateOrderXhr.setRequestHeader("Authorization", "Bearer " + token);
updateOrderXhr.onreadystatechange = function () {
if (updateOrderXhr.readyState === 4) {
if (updateOrderXhr.status === 200) {
var response = JSON.parse(updateOrderXhr.responseText);
console.log("Order updated:", response);
var cartItem = document.getElementById(`order_${response._id}`);
if (cartItem) {
var updatedQuantity = response.items[0].quantity; // Use the correct quantity from the updated order
var totalAmount = response.items[0].price * updatedQuantity;
var imageUrl = response.items[0].product.product_image
? response.items[0].product.product_image.split(",")[0].trim()
: "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png";
// If the cart item already exists, update its content using innerHTML
cartItem.innerHTML = `
<a href="product-left-sidebar.php?id=${response.items[0]._id}"" class="sidekka_pro_img">
<img src="${imageUrl}" alt="product">
</a>
<div class="ec-pro-content">
<a href="product-left-sidebar.php?id=${response.items[0]._id}"" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)">-</div>
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
</div>
`;
document.getElementById(
`qty-input-${response.items[0]._id}`
).value = updatedQuantity;
} else {
// If the cart item doesn't exist, create a new one
console.log("Error updating order:", updateOrderXhr.responseText);
}
getLatestOrders();
updateCartItemCount();
} else {
// Handle error response from the server
console.log("Error response from the server");
console.log(xhr.responseText); // Log the server's response
}
}
};
var existingQuantity = parseInt(existingOrder.items[0].quantity, 10);
var newQuantity = parseInt(productQuantity, 10);
var updatedQuantity = existingQuantity + newQuantity;
var updateData = {
quantity: updatedQuantity,
};
updateOrderXhr.send(JSON.stringify(updateData));
var patchTotalAmountXhr = new XMLHttpRequest();
patchTotalAmountXhr.open(
"PATCH",
`https://api.obanana.shop/api/v1/orders/${orderId}`,
true
);
patchTotalAmountXhr.setRequestHeader("Content-Type", "application/json");
patchTotalAmountXhr.setRequestHeader("Authorization", "Bearer " + token);
var originalPrice = productPrice;
var totalAmount = originalPrice * updatedQuantity;
console.log(originalPrice);
console.log(totalAmount);
var patchData = {
total_amount: totalAmount,
};
patchTotalAmountXhr.send(JSON.stringify(patchData));
}
});
}
function popupWishlist(wishproduct, wishCustomer) {
// var productObject = JSON.parse(wishproduct);
let productData = decodeURIComponent(wishproduct);
console.log(productData);
var cleanedProduct = productData.replace(/[\r\n]+/gm, "");
var productObject;
try {
// Attempt to parse 'cleanedProduct' as JSON
productObject = JSON.parse(cleanedProduct);
// Log the parsed object for debugging
console.log("Parsed Product Object:", productObject);
} catch (error) {
// Log the error and return, or handle it accordingly
console.error("Error parsing product JSON: ", error);
return;
}
// var customerObject = JSON.parse(wishCustomer);
try {
let customerData = decodeURIComponent(wishCustomer);
var cleanedCustomer = new Array(customerData);
try {
function parseJSONSafely(jsonString) {
try {
// First attempt to parse the JSON
var parsedJSON = JSON.parse(jsonString);
// Second attempt to parse the JSON
var parsedJSONAgain = JSON.parse(parsedJSON);
// If the second parse succeeds, return its result
return parsedJSONAgain;
} catch (error) {
// If an error occurs during the second parse, return the result of the first parse
return parsedJSON;
}
function getLatestOrders() {
// var customerId = '<?php echo $customer_data[0]['_id'] ?>'
// Fetch the order data
fetch(`https://api.obanana.shop/api/v1/orders/customer/${customerId}`)
.then(response => response.json())
.then(orderData => {
if (orderData && orderData !== "") {
console.log(orderData)
const filteredOrders = orderData.filter(order => order.status.toUpperCase() === 'CART');
const totalAmountSum = filteredOrders.reduce((sum, order) => {
const totalAmount = parseFloat(order.total_amount);
return sum + totalAmount;
}, 0);
console.log('Total Amount Sum:', totalAmountSum);
document.getElementById(`floatCartTotalAmount`).innerText = totalAmountSum;
} else {
alert('Error fetching order data');
}
})
.catch(error => console.error('Error:', error));
}
// Example usage:
var customerObject = parseJSONSafely(cleanedCustomer);
console.log();
} catch (error) {
console.error("Error parsing customer JSON:", error);
}
} catch (error) {
console.error("Error parsing customer JSON: ", error);
}
function updateOrder(orderId, existingItemId) {
var updateOrderXhr = new XMLHttpRequest();
// const token = '<?php echo $_SESSION["token"] ?>';
updateOrderXhr.open("PUT", `https://api.obanana.shop/api/v1/orders/${orderId}/items/${existingItemId}`, true);
updateOrderXhr.setRequestHeader("Content-Type", "application/json");
updateOrderXhr.setRequestHeader("Authorization", "Bearer " + token);
updateOrderXhr.onreadystatechange = function() {
if (updateOrderXhr.readyState === 4) {
if (updateOrderXhr.status === 200) {
var response = JSON.parse(updateOrderXhr.responseText);
console.log("Order updated:", response);
var cartItem = document.getElementById(`order_${response._id}`);
if (cartItem) {
var updatedQuantity = response.items[0].quantity; // Use the correct quantity from the updated order
var totalAmount = response.items[0].price * updatedQuantity;
var imageUrl = response.items[0].product.product_image ? response.items[0].product.product_image.split(',')[0].trim() : "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png";
// If the cart item already exists, update its content using innerHTML
cartItem.innerHTML = `
<a href="product-left-sidebar.php?id=${response.items[0]._id}"" class="sidekka_pro_img">
<img src="${imageUrl}" alt="product">
</a>
<div class="ec-pro-content">
<a href="product-left-sidebar.php?id=${response.items[0]._id}"" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)">-</div>
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
</div>
`;
document.getElementById(`qty-input-${response.items[0]._id}`).value = updatedQuantity;
} else {
// If the cart item doesn't exist, create a new one
console.log("Error updating order:", updateOrderXhr.responseText);
}
getLatestOrders();
updateCartItemCount();
} else {
// Handle error response from the server
console.log("Error response from the server");
console.log(xhr.responseText); // Log the server's response
}
}
};
var existingQuantity = parseInt(existingOrder.items[0].quantity, 10);
var newQuantity = parseInt(productQuantity, 10);
var updatedQuantity = existingQuantity + newQuantity;
var updateData = {
quantity: updatedQuantity,
};
updateOrderXhr.send(JSON.stringify(updateData));
var patchTotalAmountXhr = new XMLHttpRequest();
patchTotalAmountXhr.open("PATCH", `https://api.obanana.shop/api/v1/orders/${orderId}`, true);
patchTotalAmountXhr.setRequestHeader("Content-Type", "application/json");
patchTotalAmountXhr.setRequestHeader("Authorization", "Bearer " + token);
var originalPrice = productPrice;
var totalAmount = originalPrice * updatedQuantity;
console.log(originalPrice);
console.log(totalAmount);
var patchData = {
total_amount: totalAmount
};
patchTotalAmountXhr.send(JSON.stringify(patchData));
}
})
}
function popupWishlist(wishproduct, wishCustomer) {
var productObject = JSON.parse(wishproduct);
var customerObject = JSON.parse(wishCustomer);
var prodId = productObject._id;
var custId = customerObject[0]._id;
fetch("https://api.obanana.shop/api/v1/customers/" + custId)
.then((response) => response.json())
.then((data) => {
fetch('https://api.obanana.shop/api/v1/customers/' + custId)
.then(response => response.json())
.then(data => {
const existingWishlist = data.favorites ?? {
products: [],
vendors: [],
products: [],
vendors: []
};
// Check if the product already exists in the wishlist
const isAlreadyAdded = existingWishlist.products.some(
(product) => product._id === prodId
);
const isAlreadyAdded = existingWishlist.products.some(product => product._id === prodId);
if (!isAlreadyAdded) {
const newFavorites = {
products: [
{
...productObject, // Use the spread operator to include all properties from product_details
},
],
};
existingWishlist.products.push(newFavorites.products[0]);
return fetch("https://api.obanana.shop/api/v1/customers/" + custId, {
method: "PATCH",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
favorites: existingWishlist,
}),
});
} else {
console.log("Product already exists in favorites");
// Optionally, you can notify the user that the product is already in their favorites
// alert("Product already exists in favorites");
return Promise.resolve(); // Resolve the promise to continue the chain
const newFavorites = {
products: [{
...productObject, // Use the spread operator to include all properties from product_details
}]
};
existingWishlist.products.push(newFavorites.products[0]);
return fetch('https://api.obanana.shop/api/v1/customers/' + custId, {
method: 'PATCH',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
favorites: existingWishlist
}),
});
} else {
console.log("Product already exists in favorites");
// Optionally, you can notify the user that the product is already in their favorites
// alert("Product already exists in favorites");
return Promise.resolve(); // Resolve the promise to continue the chain
}
})
})
.then((response) => {
.then(response => {
if (response && response.ok) {
// Handle success (e.g., show a success message)
console.log("Added to favorites");
updateWishItemCount();
// location.reload();
// Handle success (e.g., show a success message)
console.log("Added to favorites")
updateWishItemCount();
// location.reload();
} else if (response) {
// Handle error
console.error("Failed to submit data");
alert("Failed to submit data");
// Handle error
console.error('Failed to submit data');
alert('Failed to submit data');
}
})
.catch((error) => {
})
.catch(error => {
// Handle network or other errors
console.error("Error:", error);
alert("Error submitting data");
});
}
console.error('Error:', error);
alert('Error submitting data');
});
}

View File

@ -96,7 +96,7 @@ if ($_SESSION["userId"] <> "") {
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
<span class="cart-price"><span>$76.00</span> x 1</span>
@ -107,7 +107,7 @@ if ($_SESSION["userId"] <> "") {
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/12_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
<span class="cart-price"><span>$64.00</span> x 1</span>
@ -118,7 +118,7 @@ if ($_SESSION["userId"] <> "") {
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
<span class="cart-price"><span>$59.00</span> x 1</span>
@ -229,7 +229,7 @@ if ($_SESSION["userId"] <> "") {
?>
<tr id="cart_order_<?php echo $order['_id'] ?>">
<td data-label="Product" class="ec-cart-pro-name"><a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>"><img loading="lazy" class="ec-cart-pro-img mr-4" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="" /><?php echo $order['items'][0]['product']['name']; ?></a></td>
<td data-label="Product" class="ec-cart-pro-name"><a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>"><img class="ec-cart-pro-img mr-4" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="" /><?php echo $order['items'][0]['product']['name']; ?></a></td>
<td data-label="Price" class="ec-cart-pro-price"><span class="amount"><?php echo $order['items'][0]['price']; ?></span></td>
<td data-label="Quantity" class="ec-cart-pro-qty" style="text-align: center;">
<div class="cart-qty-plus-minus2" style="width:100px; margin:auto;">
@ -589,7 +589,7 @@ if ($_SESSION["userId"] <> "") {
</script>
<!-- <tr>
<td data-label="Product" class="ec-cart-pro-name"><a
href="shop-left-sidebar-col-4.php"><img loading="lazy"
href="shop-left-sidebar-col-4.php"><img
class="ec-cart-pro-img mr-4"
src="assets/images/product-image/2.jpg" alt="" />Unisex
Fully Solid Hoodie</a></td>
@ -609,7 +609,7 @@ if ($_SESSION["userId"] <> "") {
</tr>
<tr>
<td data-label="Product" class="ec-cart-pro-name"><a
href="shop-left-sidebar-col-4.php"><img loading="lazy"
href="shop-left-sidebar-col-4.php"><img
class="ec-cart-pro-img mr-4"
src="assets/images/product-image/3.jpg"
alt="" />Beautiful T-shirt For Women</a></td>
@ -629,7 +629,7 @@ if ($_SESSION["userId"] <> "") {
</tr>
<tr>
<td data-label="Product" class="ec-cart-pro-name"><a
href="shop-left-sidebar-col-4.php"><img loading="lazy"
href="shop-left-sidebar-col-4.php"><img
class="ec-cart-pro-img mr-4"
src="assets/images/product-image/4.jpg" alt="" />Wool
Hat For Men</a></td>
@ -772,8 +772,8 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<a href="#" class="quickview" data-link-action="quickview" title="Quick view"
@ -840,8 +840,8 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -911,8 +911,8 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-image-outer">
<div class="ec-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" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -990,8 +990,8 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1061,36 +1061,36 @@ if ($_SESSION["userId"] <> "") {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -1185,7 +1185,7 @@ if ($_SESSION["userId"] <> "") {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1223,7 +1223,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1245,7 +1245,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1267,7 +1267,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1289,7 +1289,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1313,7 +1313,7 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1328,7 +1328,7 @@ if ($_SESSION["userId"] <> "") {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -149,7 +149,7 @@
<!-- Ec Header Logo Start -->
<div class="align-self-center">
<div class="header-logo">
<a href="index.php"><img loading="lazy" src="assets/images/logo/logo.png" alt="Site Logo" /><img loading="lazy"
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo"
style="display: none;" /></a>
</div>
@ -210,7 +210,7 @@
<!-- Ec Header Logo Start -->
<div class="col">
<div class="header-logo">
<a href="index.php"><img loading="lazy" src="assets/images/logo/logo.png" alt="Site Logo" /><img loading="lazy"
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo"
style="display: none;" /></a>
</div>
@ -292,16 +292,16 @@
</li>
<li>
<ul class="ec-main-banner w-100">
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img loading="lazy"
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img
class="img-responsive" src="assets/images/menu-banner/1.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img loading="lazy"
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
class="img-responsive" src="assets/images/menu-banner/2.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img loading="lazy"
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img
class="img-responsive" src="assets/images/menu-banner/3.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img loading="lazy"
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img
class="img-responsive" src="assets/images/menu-banner/4.jpg"
alt=""></a></li>
</ul>
@ -537,7 +537,7 @@
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
</ul>
</li>
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img loading="lazy" class="img-responsive"
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img class="img-responsive"
src="assets/images/menu-banner/1.jpg" alt=""></a>
</li>
</ul>
@ -735,7 +735,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -747,7 +747,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -759,7 +759,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -848,7 +848,7 @@
<tbody>
<tr>
<td data-label="Product" class="ec-cart-pro-name"><a
href="shop-left-sidebar-col-4.php"><img loading="lazy"
href="shop-left-sidebar-col-4.php"><img
class="ec-cart-pro-img mr-4"
src="assets/images/product-image/1.jpg" alt="" />Stylish
Baby Shoes</a></td>
@ -868,7 +868,7 @@
</tr>
<tr>
<td data-label="Product" class="ec-cart-pro-name"><a
href="shop-left-sidebar-col-4.php"><img loading="lazy"
href="shop-left-sidebar-col-4.php"><img
class="ec-cart-pro-img mr-4"
src="assets/images/product-image/2.jpg" alt="" />Unisex
Fully Solid Hoodie</a></td>
@ -888,7 +888,7 @@
</tr>
<tr>
<td data-label="Product" class="ec-cart-pro-name"><a
href="shop-left-sidebar-col-4.php"><img loading="lazy"
href="shop-left-sidebar-col-4.php"><img
class="ec-cart-pro-img mr-4"
src="assets/images/product-image/3.jpg"
alt="" />Beautiful T-shirt For Women</a></td>
@ -908,7 +908,7 @@
</tr>
<tr>
<td data-label="Product" class="ec-cart-pro-name"><a
href="shop-left-sidebar-col-4.php"><img loading="lazy"
href="shop-left-sidebar-col-4.php"><img
class="ec-cart-pro-img mr-4"
src="assets/images/product-image/4.jpg" alt="" />Wool
Hat For Men</a></td>
@ -1052,8 +1052,8 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<a href="#" class="quickview" data-link-action="quickview" title="Quick view"
@ -1120,8 +1120,8 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1191,8 +1191,8 @@
<div class="ec-pro-image-outer">
<div class="ec-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" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1270,8 +1270,8 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1344,8 +1344,8 @@
<div class="row">
<div class="col-sm-12 col-lg-3 ec-footer-contact">
<div class="ec-footer-widget">
<div class="ec-footer-logo"><a href="#"><img loading="lazy" src="assets/images/logo/footer-logo.png"
alt=""><img loading="lazy" class="dark-footer-logo" src="assets/images/logo/dark-logo.png"
<div class="ec-footer-logo"><a href="#"><img src="assets/images/logo/footer-logo.png"
alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png"
alt="Site Logo" style="display: none;" /></a></div>
<h4 class="ec-footer-heading">Contact us</h4>
<div class="ec-footer-links">
@ -1457,7 +1457,7 @@
<div class="col footer-bottom-right">
<div class="footer-bottom-payment d-flex justify-content-end">
<div class="payment-link">
<img loading="lazy" src="assets/images/icons/payment.png" alt="">
<img src="assets/images/icons/payment.png" alt="">
</div>
</div>
@ -1481,36 +1481,36 @@
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -1610,7 +1610,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1649,7 +1649,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -1673,7 +1673,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -1697,7 +1697,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -1721,7 +1721,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -1746,7 +1746,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1761,7 +1761,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -13,7 +13,6 @@ if ($_SESSION["userId"] <> "") {
}
$products = productListVendor($_GET["id"]);
$productsDecode = json_encode($products, true);
$filteredProducts = [];
if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['category'])) {
@ -193,7 +192,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
<span class="cart-price"><span>$76.00</span> x 1</span>
@ -204,7 +203,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/12_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
<span class="cart-price"><span>$64.00</span> x 1</span>
@ -215,7 +214,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
<span class="cart-price"><span>$59.00</span> x 1</span>
@ -305,9 +304,9 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<a href="vendor-profile.html">
<?php
if (isset($vendor["vendor_image"])) {
?><img loading="lazy" src="<?php echo $vendor["vendor_image"] ?>" alt="vendor img"><?php
?><img src="<?php echo $vendor["vendor_image"] ?>" alt="vendor img"><?php
} else {
?><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
?><img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
}
?>
</a>
@ -373,7 +372,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
</div>
</div>
<div class="col-md-6 ec-sort-select">
<!-- <span class="sort-by">Sort by</span>
<span class="sort-by">Sort by</span>
<div class="ec-select-inner">
<select name="ec-select" id="ec-select">
<option selected disabled>Position</option>
@ -383,7 +382,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<option value="4">Price, low to high</option>
<option value="5">Price, high to low</option>
</select>
</div> -->
</div>
</div>
</div>
<!-- Shop Top End -->
@ -391,11 +390,11 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<!-- Shop content Start -->
<div class="shop-pro-content">
<div class="shop-pro-inner">
<div class="row" id="product-container">
<div class="row">
<?php
//var_dump($products);
foreach ($filteredProducts as $product){
// $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
$vendorOfProduct = getVendorbyId($product['vendor_api_id']);
?>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
<div class="ec-product-inner">
@ -410,12 +409,12 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
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;"/>
<img 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="main-image" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
<img class="main-image" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
<?php
}
?>
@ -538,233 +537,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
</div>
<!--Shop content End -->
</div>
<script>
// JavaScript
document.addEventListener("DOMContentLoaded", function() {
function loadProducts(page,isFilter) {
let xhrVendors1 = new XMLHttpRequest();
// Define the endpoint URL for fetching vendors
let vendorsEndpointURL = `https://<?php echo htmlspecialchars($_SESSION["data_endpoint"]); ?>/api/v1/products/vendor/<?php echo $_GET['id'] ?>`;
// let xhr = new XMLHttpRequest();/
// Open a GET request to fetch vendors
xhrVendors1.open("GET", vendorsEndpointURL, true);
// Set up a callback function to handle the vendors response
xhrVendors1.onreadystatechange = function() {
if (xhrVendors1.readyState === 4 && xhrVendors1.status === 200) {
var checkedCategories = getCheckedCheckboxes();
var prices = getMinMaxPrices();
function filterFunction(checkedCategories, minPrice, maxPrice,products) {
var filteredProducts = [];
// Filter by category
if (checkedCategories.length > 0) {
let filteredProduct= products?.filter((product) => {
let categoryF = product?.product_category?.toLowerCase();
// console.log('Category (lowercase):', categoryF);
let result =checkedCategories.includes(categoryF)
// console.log('Checked Categories:', result);
return result; // Return a boolean value indicating whether the category is included
});
filteredProducts=filteredProduct
console.log(filteredProducts);
} else {
// If no categories are selected, keep all products
filteredProducts = products;
}
// If minPrice or maxPrice is not provided, set them to default values
minPriceFinal = minPrice !== '' ? parseInt(minPrice) : 0;
maxPriceFinal = maxPrice !== '' ? parseInt(maxPrice) : Number.MAX_VALUE;
console.log(checkedCategories, minPrice,products)
// Filter by price range
// Filter by price range
if( minPrice !== ''||maxPrice !== ''){
filteredProducts = filteredProducts.filter(function(product) {
// Check if product has a sale price
var salePrice = parseInt(product.sale_price);
var regularPrice = parseInt(product.regular_price);
// Check if salePrice and regularPrice are valid numbers
// if (isNaN(salePrice) || isNaN(regularPrice)) {
// // One of the prices is not a valid number, use 0 instead
// salePrice = salePrice || 0;
// regularPrice = regularPrice || 0;
// }
var priceToCheck = salePrice > 0 ? salePrice : regularPrice;
// console.log(priceToCheck);
return priceToCheck >= minPriceFinal && priceToCheck <= maxPriceFinal;
});
}
console.log({results:filteredProducts});
// Final filtered products
// console.log({results:filteredProducts});
let final = filteredProducts ??[]
return final;
}
let productContainer = document.getElementById("product-container");
productContainer.innerHTML = "";
let productsFinal = JSON.parse(xhrVendors1.responseText);
console.log(productsFinal);
productsFinal= filterFunction(checkedCategories, prices.minPrice, prices.maxPrice,productsFinal);
productsFinal?.forEach(function(prod) {
let product = prod;
let vendorOfProduct = prod.vendor_api_id;
// let card = document.createElement("div");
let token ="<?php echo $_SESSION['token'] ?>";
let email ="<?php echo $_SESSION['email'] ?>";
let password ="<?php echo $_SESSION['password'] ?>";
let customer_data ='<?php echo json_encode($customer_data) ?>';
// Load product images dynamically
let imageContainer = document.createElement("div");
if (product.images && product.images.length > 0) {
let imageUrls = product.images.split(',');
let firstImageUrl = imageUrls[0].trim();
let img = document.createElement("img");
img.setAttribute("style", "width: 290px; height: 200px; object-fit: cover;");
img.setAttribute("class", "main-image");
img.setAttribute("src", firstImageUrl);
img.setAttribute("alt", "Product");
img.className = "main-image";
imageContainer.appendChild(img);
} else {
let img = document.createElement("img");
img.className = "main-image";
img.setAttribute("style", "width: 290px; height: 200px; object-fit: cover;");
img.setAttribute("class", "main-image");
img.setAttribute("src", "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png");
img.setAttribute("alt", "Product");
imageContainer.appendChild(img);
}
// Create product card
let card = document.createElement("div");
card.classList.add("col-lg-4", "col-md-6", "col-sm-6", "col-xs-6", "mb-6", "pro-gl-content", "width-100");
card.innerHTML = `
<div class="ec-product-inner">
<div class="ec-pro-image-outer" style="width: 290px; height: 200px;">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=${product._id}">
${imageContainer.innerHTML} <!-- Include the dynamically loaded image here -->
</a>
<div class="ec-pro-actions" style="bottom: -36px;">
<button title="Add To Cart" onclick="popupAddToCart('${encodeURIComponent(JSON.stringify(product))}','${encodeURIComponent(JSON.stringify(vendorOfProduct))}', '${token}', '${email}', '${password}', '${encodeURIComponent(JSON.stringify(customer_data))}');" 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('${encodeURIComponent(JSON.stringify(product))}', '${encodeURIComponent(JSON.stringify(customer_data))}');"><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=${product._id}" style="width: 90%; text-wrap: wrap;">${product.product_name}</a></h5>
<div class="ec-pro-list-desc">${product.product_description ??""}</div>
<span class="ec-price">
${(product.sale_price && product.sale_price > 0) ?
`<span class="old-price">&#8369;${product?.regular_price}</span>
<span class="new-price">&#8369;${product?.sale_price}</span>` : product.regular_price ?
`<span class="new-price">&#8369;${product?.regular_price}</span>`: 'inquire'
}
</span>
</div>
</div>`;
productContainer.appendChild(card);
// updatePaginationUI(page, products.results.length);
});
gridList()
}
}
xhrVendors1.send();
// gridList()
};
function getCheckedCheckboxes() {
var checkboxes = document.querySelectorAll('input[name="category[]"]:checked');
var values = [];
checkboxes.forEach(function(checkbox) {
values.push(checkbox.value.toLowerCase().trim());
});
return values;
}
// Function to get min and max prices
function getMinMaxPrices() {
var minPrice = document.getElementById('minPrice').value;
var maxPrice = document.getElementById('maxPrice').value;
return {
minPrice: minPrice,
maxPrice: maxPrice
};
}
// Function to handle form submission
function applyFilters() {
var checkedCategories = getCheckedCheckboxes();
var prices = getMinMaxPrices();
// Pass the values to your filter function
filterFunction(checkedCategories, prices.minPrice, prices.maxPrice);
}
var checkboxes = document.querySelectorAll('input[name="category[]"]');
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
loadProducts(1, true);
});
});
// Listen for changes in min and max price inputs
var minPriceInput = document.getElementById('minPrice');
minPriceInput.addEventListener('input', function() {
loadProducts(1, true);
});
var maxPriceInput = document.getElementById('maxPrice');
maxPriceInput.addEventListener('input', function() {
loadProducts(1, true);
});
function gridList(e) {
console.log("hereeeee")
var $gridCont = $('.shop-pro-inner');
var $gridView = $('.pro-gl-content');
// e.preventDefault();
$gridCont.removeClass('list-view');
$gridView.removeClass('width-100');
}
// Send the request to fetch vendors
var checkboxes = document.querySelectorAll('input[name="category[]"]');
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
loadProducts(1, true);
});
});
// Listen for changes in min and max price inputs
var minPriceInput = document.getElementById('minPrice');
minPriceInput.addEventListener('input', function() {
loadProducts(1, true);
});
var maxPriceInput = document.getElementById('maxPrice');
maxPriceInput.addEventListener('input', function() {
loadProducts(1, true);
});
});
</script>
<!-- Sidebar Area Start -->
<div class="ec-shop-leftside ec-vendor-sidebar col-lg-3 col-md-12 order-lg-first order-md-last">
<div class="ec-sidebar-wrap ec-border-box">
@ -829,23 +602,19 @@ maxPriceInput.addEventListener('input', function() {
<li>
<div style="padding-top:10px;">
<label for="minPrice" style="margin-bottom:-5px;">Min Price:</label>
<input style="height:40px" type="number" name="minPrice" id="minPrice" />
<!-- <input style="height:40px" type="number" name="minPrice" id="minPrice" value="<?php echo isset($_POST['minPrice']) ? $_POST['minPrice'] : (isset($_GET['minPrice']) ? $_GET['minPrice'] : ''); ?>" /> -->
<input style="height:40px" type="number" name="minPrice" id="minPrice" value="<?php echo isset($_POST['minPrice']) ? $_POST['minPrice'] : (isset($_GET['minPrice']) ? $_GET['minPrice'] : ''); ?>" />
</div>
</li>
<li>
<div>
<label for="maxPrice" style="margin-bottom:-5px;">Max Price:</label>
<input style="height:40px" type="number" name="maxPrice" id="maxPrice" />
<!-- <input style="height:40px" type="number" name="maxPrice" id="maxPrice" value="<?php echo isset($_POST['maxPrice']) ? $_POST['maxPrice'] : (isset($_GET['maxPrice']) ? $_GET['maxPrice'] : ''); ?>" /> -->
<input style="height:40px" type="number" name="maxPrice" id="maxPrice" value="<?php echo isset($_POST['maxPrice']) ? $_POST['maxPrice'] : (isset($_GET['maxPrice']) ? $_GET['maxPrice'] : ''); ?>" />
</div>
</li>
<li>
<!-- <div style="padding-top:10px;">
<div style="padding-top:10px;">
<button style="font-size:12px; height:30px; width:60px;" class="btn-primary" type="submit">Apply</button>
</div> -->
</div>
</li>
</ul>
<!-- <button type="submit">Apply</button> -->
@ -1050,7 +819,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="row">
<div class="col-sm-12 col-lg-3 ec-footer-contact">
<div class="ec-footer-widget">
<div class="ec-footer-logo"><a href="#"><img loading="lazy" src="assets/images/logo/footer-logo.png" alt=""><img loading="lazy" class="dark-footer-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a></div>
<div class="ec-footer-logo"><a href="#"><img src="assets/images/logo/footer-logo.png" alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a></div>
<h4 class="ec-footer-heading">Contact us</h4>
<div class="ec-footer-links">
<ul class="align-items-center">
@ -1151,7 +920,7 @@ maxPriceInput.addEventListener('input', function() {
<!-- <div class="col footer-bottom-right">
<div class="footer-bottom-payment d-flex justify-content-end">
<div class="payment-link">
<img loading="lazy" src="assets/images/icons/payment.png" alt="">
<img src="assets/images/icons/payment.png" alt="">
</div>
</div>
@ -1175,36 +944,36 @@ maxPriceInput.addEventListener('input', function() {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -1296,7 +1065,7 @@ maxPriceInput.addEventListener('input', function() {
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1334,7 +1103,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1356,7 +1125,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1378,7 +1147,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1400,7 +1169,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1424,7 +1193,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1439,7 +1208,7 @@ maxPriceInput.addEventListener('input', function() {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -322,7 +322,7 @@
$pid = rand(0, count($bestSellers) - 1);
?>
<div class="ec-sb-pro-sl-item">
<a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>" class="sidekka_pro_img"><img loading="lazy" src="<?php echo $bestSellers[$pid]["product_image"] ?>" alt="product" /></a>
<a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>" class="sidekka_pro_img"><img src="<?php echo $bestSellers[$pid]["product_image"] ?>" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a id="best-sellers-title" class="bs-title" href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>"><?php echo $bestSellers[$pid]["product_name"] ?></a></h5>
<!-- <div class="ec-pro-rating">
@ -356,7 +356,7 @@
<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 loading="lazy" src="assets/images/product-image/1.jpg" alt="product" /></a>
<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">
@ -375,7 +375,7 @@
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/2.jpg" alt="product" /></a>
<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>
@ -395,7 +395,7 @@
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3.jpg" alt="product" /></a>
<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">
@ -414,7 +414,7 @@
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/4.jpg" alt="product" /></a>
<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">
@ -433,7 +433,7 @@
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/5.jpg" alt="product" /></a>
<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">
@ -452,7 +452,7 @@
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6.jpg" alt="product" /></a>
<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>
@ -472,7 +472,7 @@
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/7.jpg" alt="product" /></a>
<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>
@ -492,7 +492,7 @@
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/2.jpg" alt="product" /></a>
<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">

View File

@ -599,8 +599,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="<?php echo $item['product']['product_image']; ?>" alt="Product" />
<!-- <img loading="lazy" class="hover-image"
<img class="main-image" src="<?php echo $item['product']['product_image']; ?>" alt="Product" />
<!-- <img class="hover-image"
src="assets/images/product-image/1_2.jpg"
alt="Product" /> -->
</a>
@ -657,10 +657,10 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/8_1.jpg"
alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/8_2.jpg"
alt="Product" />
</a>
@ -1038,25 +1038,25 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-sb-block-content">
<div class="ec-check-pay-img-inner">
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment1.png" alt="">
<img src="assets/images/icons/payment1.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment2.png" alt="">
<img src="assets/images/icons/payment2.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment3.png" alt="">
<img src="assets/images/icons/payment3.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment4.png" alt="">
<img src="assets/images/icons/payment4.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment5.png" alt="">
<img src="assets/images/icons/payment5.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment6.png" alt="">
<img src="assets/images/icons/payment6.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment7.png" alt="">
<img src="assets/images/icons/payment7.png" alt="">
</div>
</div>
</div>
@ -1087,8 +1087,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
@ -1138,8 +1138,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1192,8 +1192,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-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" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1247,8 +1247,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1308,36 +1308,36 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -1430,7 +1430,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1468,7 +1468,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1490,7 +1490,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1512,7 +1512,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1534,7 +1534,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1558,7 +1558,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1573,7 +1573,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -983,12 +983,12 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
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" />
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img loading="lazy" class="main-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
<img class="main-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
<?php
}
?>
@ -1064,10 +1064,10 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/8_1.jpg"
alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/8_2.jpg"
alt="Product" />
</a>
@ -1455,21 +1455,6 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
const randomIndex = Math.floor(Math.random() * refchar.length);
uniqueRef += refchar.charAt(randomIndex);
}
let paymentDeetsId = 'obn_cod_id_';
for (let i = 0; i < 16; i++) {
const randomIndex = Math.floor(Math.random() * refchar.length);
paymentDeetsId += refchar.charAt(randomIndex);
}
let paymentUniqueId = '';
for (let i = 0; i < 24; i++) {
const randomIndex = Math.floor(Math.random() * refchar.length);
paymentUniqueId += refchar.charAt(randomIndex);
}
let dataPaymentUniqueId = '';
for (let i = 0; i < 24; i++) {
const randomIndex = Math.floor(Math.random() * refchar.length);
dataPaymentUniqueId += refchar.charAt(randomIndex);
}
const selectedFName = document.getElementById('selectedFName').innerText;
const selectedLName = document.getElementById('selectedLName').innerText;
@ -1536,54 +1521,6 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
payment: {
status: "UNPAID",
reference_number: uniqueRef,
details: [
{
id: paymentDeetsId,
attributes:{
data:{
attributes:{
amount: parseFloat(orderId.total_amount) * 100 ,
description: orderId.items[0].product.name + " (" + orderId.items[0].quantity + ")" ,
status: "unpaid",
fee:shippingFees * 100,
tax_amount:"null",
taxes:[],
reference_number: uniqueRef,
payments:[
{
attributes:{
billing:{
phone: billingNumber
},
source: {
type: "Cash On Delivery"
},
amount:parseFloat(orderId.total_amount) * 100,
currency: "PHP",
description: orderId.items[0].product.name + " (" + orderId.items[0].quantity + ")" ,
fee:shippingFees,
net_amount: parseFloat(orderId.total_amount) * 100,
statement_descriptor: "Obanana E-commerce Checkout",
status: "unpaid",
tax_amount:0,
refunds: [],
},
_id: paymentUniqueId,
createdAt: iso8601String,
updatedAt: iso8601String
}
],
currency:"PHP",
},
_id:dataPaymentUniqueId,
createdAt: iso8601String,
updatedAt: iso8601String
},
created_at: iso8601String,
updated_at: iso8601String
}
}
]
},
total_amount: parseFloat(orderId.total_amount) + shippingFees,
status: "TO PAY",
@ -1649,25 +1586,25 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-sb-block-content">
<div class="ec-check-pay-img-inner">
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment1.png" alt="">
<img src="assets/images/icons/payment1.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment2.png" alt="">
<img src="assets/images/icons/payment2.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment3.png" alt="">
<img src="assets/images/icons/payment3.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment4.png" alt="">
<img src="assets/images/icons/payment4.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment5.png" alt="">
<img src="assets/images/icons/payment5.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment6.png" alt="">
<img src="assets/images/icons/payment6.png" alt="">
</div>
<div class="ec-check-pay-img">
<img loading="lazy" src="assets/images/icons/payment7.png" alt="">
<img src="assets/images/icons/payment7.png" alt="">
</div>
</div>
</div>
@ -1698,8 +1635,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/6_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/6_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
@ -1749,8 +1686,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/7_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/7_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1803,8 +1740,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-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" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/1_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1858,8 +1795,8 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
<img class="main-image" src="assets/images/product-image/2_1.jpg" alt="Product" />
<img class="hover-image" src="assets/images/product-image/2_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
<span class="flags">
@ -1919,36 +1856,36 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -2041,7 +1978,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -2079,7 +2016,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2101,7 +2038,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2123,7 +2060,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2145,7 +2082,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2169,7 +2106,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -2184,7 +2121,7 @@ if (isset($customer_data[0]["address"]) && is_array($customer_data[0]["address"]
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -63,7 +63,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -75,7 +75,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -87,7 +87,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -292,7 +292,7 @@
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -331,7 +331,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -355,7 +355,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -379,7 +379,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -403,7 +403,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -428,7 +428,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -443,7 +443,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

42
faq.php
View File

@ -58,7 +58,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -70,7 +70,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -82,7 +82,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -162,7 +162,7 @@
<div class="row">
<!-- <div class="col-md-6 ec-cms-block ec-abcms-block text-center">
<div class="ec-cms-block-inner">
<img loading="lazy" class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
<img class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
</div>
</div> -->
<div class="col-md-12 ec-cms-block ec-abcms-block text-center">
@ -213,7 +213,7 @@
<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"
<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
@ -236,7 +236,7 @@
<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"
<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
@ -259,7 +259,7 @@
<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"
<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
@ -360,28 +360,28 @@
<!-- 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"
<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 loading="lazy" src="assets/images/instragram-image/2.jpg"
<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 loading="lazy" src="assets/images/instragram-image/3.jpg"
<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 loading="lazy" src="assets/images/instragram-image/4.jpg"
<a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg"
alt="insta"></a>
</div>
</div> -->
@ -389,7 +389,7 @@
<!-- 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"
<a href="#" target="_blank"><img src="assets/images/instragram-image/5.jpg"
alt="insta"></a>
</div>
</div> -->
@ -397,7 +397,7 @@
<!-- 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"
<a href="#" target="_blank"><img src="assets/images/instragram-image/6.jpg"
alt="insta"></a>
</div>
</div> -->
@ -405,7 +405,7 @@
<!-- 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"
<a href="#" target="_blank"><img src="assets/images/instragram-image/7.jpg"
alt="insta"></a>
</div>
</div> -->
@ -451,7 +451,7 @@
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -490,7 +490,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -514,7 +514,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -538,7 +538,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -562,7 +562,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -587,7 +587,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -602,7 +602,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png">
<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">

View File

@ -16,7 +16,7 @@
<div class="row">
<div class="col-sm-12 col-lg-3 ec-footer-contact">
<div class="ec-footer-widget">
<div class="ec-footer-logo"><a href="index.php"><img loading="lazy" src="assets/images/logo/logo.png" alt=""><img loading="lazy" class="dark-footer-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a></div>
<div class="ec-footer-logo"><a href="index.php"><img src="assets/images/logo/logo.png" alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a></div>
<h4 class="ec-footer-heading">Contact us</h4>
<div class="ec-footer-links">
<ul class="align-items-center">
@ -155,7 +155,7 @@
<div class="col footer-bottom-right">
<div class="footer-bottom-payment d-flex justify-content-end">
<div class="payment-link">
<img loading="lazy" src="assets/images/icons/payment.png" alt="">
<img src="assets/images/icons/payment.png" alt="">
</div>
</div>

View File

@ -308,7 +308,7 @@ var pass2I = document.getElementById(`passInput2`);
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -346,7 +346,7 @@ var pass2I = document.getElementById(`passInput2`);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -368,7 +368,7 @@ var pass2I = document.getElementById(`passInput2`);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -390,7 +390,7 @@ var pass2I = document.getElementById(`passInput2`);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -412,7 +412,7 @@ var pass2I = document.getElementById(`passInput2`);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -436,7 +436,7 @@ var pass2I = document.getElementById(`passInput2`);
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -451,7 +451,7 @@ var pass2I = document.getElementById(`passInput2`);
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -142,7 +142,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -180,7 +180,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -202,7 +202,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -224,7 +224,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -246,7 +246,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -270,7 +270,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -285,7 +285,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -57,7 +57,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -69,7 +69,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -81,7 +81,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -227,7 +227,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -266,7 +266,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -290,7 +290,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -314,7 +314,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -338,7 +338,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -363,7 +363,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -378,7 +378,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -140,8 +140,6 @@ if ($_SESSION["userId"] <> "") {
line-height: 1;
}
</style>
<!--Ec Header Top Start -->
<div class="header-top">
<div class="container">
@ -182,7 +180,6 @@ if ($_SESSION["userId"] <> "") {
<?php } ?>
</div>
<script>
function displayPopup() {
// Show the pop-up
@ -208,14 +205,13 @@ if ($_SESSION["userId"] <> "") {
}
</script>
<!-- Newsletter Modal Start -->
<div id="ec-popnews-bg2"></div>
<div id="ec-popnews-box2">
<div id="ec-popnews-close2"><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">
<img src="../assets/images/img-1.png" alt="newsletter">
</div>
<div class="col-md-6">
<div id="ec-popnews-box-content2">
@ -223,10 +219,10 @@ if ($_SESSION["userId"] <> "") {
<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.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
<img src="../assets/images/playstore.png" 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.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
<img src="../assets/images/appstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
</a>
</div>
@ -312,7 +308,6 @@ if ($_SESSION["userId"] <> "") {
</div>
</div>
<!-- Ec Header Top End -->
<!-- Ec Header Bottom Start -->
<div class="ec-header-bottom d-none d-lg-block">
<div class="container position-relative">
@ -321,7 +316,7 @@ if ($_SESSION["userId"] <> "") {
<!-- Ec Header Logo Start -->
<div class="align-self-center">
<div class="header-logo">
<a href="index.php"><img loading="lazy" src="assets/images/logo/logo.png" alt="Site Logo" /><img loading="lazy" class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
@ -421,42 +416,31 @@ if ($_SESSION["userId"] <> "") {
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" src="<?php echo $first_image_url; ?>" alt="product" />
<img src="<?php echo $first_image_url; ?>" alt="product" />
<?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" />
<img 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>
<div class="ec-pro-content">
<a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>" class="cart_pro_title">
<?php echo $order['items'][0]['product']['name']; ?>
</a>
<a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>" class="cart_pro_title"><?php echo $order['items'][0]['product']['name']; ?></a>
<span class="cart-price">Unit Price: <span><?php echo $order['items'][0]['price']; ?></span></span>
<div class="cart-price">
<span class="subtotal-<?php echo $order['_id']; ?>">Subtotal: <?php echo $order['total_amount'] ?></span>
</div>
<!-- 02-16-2024 Stacy added style -->
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; margin-top:5px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; margin-right:5px; cursor: pointer;" onclick="qtyDecrement('<?php echo $order['_id']; ?>' ,
'<?php echo $order['items'][0]['_id']; ?>')" onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">-
</div>
<input style="width:100px; height:40px" id="qty-input-<?php echo $order['items'][0]['_id']; ?>" class="qty-input" type="number"
name="ec_qtybtn" value="<?php echo $order['items'][0]['quantity']; ?>" oninput="handleQtyInput(this, '<?php echo $order['_id']; ?>',
'<?php echo $order['items'][0]['_id']; ?>')" />
<div class="qty-btn" style="color:#ffaa00; font-size:30px; margin-left:5px; cursor: pointer;" onclick="qtyIncrement('<?php echo $order['_id']; ?>' ,
'<?php echo $order['items'][0]['_id']; ?>', false)" onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">+
</div>
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>')">-</div>
<input style="width:100px; height:40px" id="qty-input-<?php echo $order['items'][0]['_id']; ?>" class="qty-input" type="number" name="ec_qtybtn" value="<?php echo $order['items'][0]['quantity']; ?>" oninput="handleQtyInput(this, '<?php echo $order['_id']; ?>', '<?php echo $order['items'][0]['_id']; ?>')" />
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>', false)">+</div>
<!-- <a class="remove">x</a> -->
<!-- <a href="#" class="removeCart" onclick="deleteOrder('<?php #echo $order['_id']; ?>')">x</a> -->
<a href="#" class="removeCart" style="margin-left:30px;" onclick="deleteOrder('<?php echo $order['_id']; ?>')">
<i class="ecicon eci-trash" style="color:#7e7e7e;" onmouseover="this.style.color='#aaaaaa'"
onmouseout="this.style.color='#7e7e7e'"></i>
</a>
<a href="#" class="removeCart" onclick="deleteOrder('<?php echo $order['_id']; ?>')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
</div>
<!-- 02-16-2024 Stacy added style -->
</div>
@ -801,7 +785,7 @@ if ($_SESSION["userId"] <> "") {
<!-- Ec Header Logo Start -->
<div class="col">
<div class="header-logo">
<a href="index.php"><img loading="lazy" src="assets/images/logo/logo.png" alt="Site Logo" /><img loading="lazy" class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
@ -884,16 +868,16 @@ if ($_SESSION["userId"] <> "") {
</li>
<li>
<ul class="ec-main-banner w-100">
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img loading="lazy"
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img
class="img-responsive" src="assets/images/menu-banner/1.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img loading="lazy"
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
class="img-responsive" src="assets/images/menu-banner/2.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img loading="lazy"
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img
class="img-responsive" src="assets/images/menu-banner/3.jpg"
alt=""></a></li>
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img loading="lazy"
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img
class="img-responsive" src="assets/images/menu-banner/4.jpg"
alt=""></a></li>
</ul>
@ -1145,7 +1129,7 @@ if ($_SESSION["userId"] <> "") {
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
</ul>
</li>
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img loading="lazy" class="img-responsive" src="assets/images/menu-banner/1.jpg" alt=""></a>
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img class="img-responsive" src="assets/images/menu-banner/1.jpg" alt=""></a>
</li>
</ul>
</li>

164
index.php
View File

@ -118,7 +118,7 @@ if ($_SESSION["userId"] <> "") {
<!-- 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">
<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">
@ -133,7 +133,7 @@ if ($_SESSION["userId"] <> "") {
</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">
<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">
@ -148,7 +148,7 @@ if ($_SESSION["userId"] <> "") {
</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">
<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">
@ -237,19 +237,19 @@ if ($_SESSION["userId"] <> "") {
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: 280px;" />
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
<?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" />
<img 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" />
<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> -->
<!-- raymart edit action -->
@ -357,19 +357,19 @@ if ($_SESSION["userId"] <> "") {
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: 280px;" />
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
<?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" />
<img 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" />
<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> -->
@ -479,19 +479,19 @@ if ($_SESSION["userId"] <> "") {
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: 280px;" />
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
<?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" />
<img 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" />
<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> -->
<!-- raymart edit action feb 14 2024-->
@ -599,19 +599,19 @@ if ($_SESSION["userId"] <> "") {
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: 280px;" />
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
<?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" />
<img 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" />
<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> -->
<!-- raymart added action feb 14 2024-->
@ -709,7 +709,7 @@ if ($_SESSION["userId"] <> "") {
<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="" />
<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>
@ -725,7 +725,7 @@ if ($_SESSION["userId"] <> "") {
</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="" />
<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>
@ -766,19 +766,19 @@ if ($_SESSION["userId"] <> "") {
<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-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 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-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 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-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 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-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>
@ -791,7 +791,7 @@ if ($_SESSION["userId"] <> "") {
<!-- 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="" />
<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>
@ -800,7 +800,7 @@ if ($_SESSION["userId"] <> "") {
<!-- 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="" />
<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>
@ -810,7 +810,7 @@ if ($_SESSION["userId"] <> "") {
<!-- 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="" />
<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>
@ -820,7 +820,7 @@ if ($_SESSION["userId"] <> "") {
<!-- 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="" />
<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>
@ -853,7 +853,7 @@ if ($_SESSION["userId"] <> "") {
<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="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>
@ -892,7 +892,7 @@ if ($_SESSION["userId"] <> "") {
<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="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>
@ -944,7 +944,7 @@ if ($_SESSION["userId"] <> "") {
<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="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>
@ -982,7 +982,7 @@ if ($_SESSION["userId"] <> "") {
<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="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>
@ -1060,18 +1060,18 @@ if ($_SESSION["userId"] <> "") {
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;" />
<img 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" />
<img 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 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" /> -->
<!-- <img 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">
@ -1102,7 +1102,7 @@ if ($_SESSION["userId"] <> "") {
<!-- 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>
<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>
@ -1180,7 +1180,7 @@ if ($_SESSION["userId"] <> "") {
<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-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>
@ -1189,7 +1189,7 @@ if ($_SESSION["userId"] <> "") {
</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;" />
<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>
@ -1242,19 +1242,19 @@ if ($_SESSION["userId"] <> "") {
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: 280px;" />
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
<?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" />
<img 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" />
<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> -->
<!-- raymart edit action feb 14 2024 -->
<div class="ec-pro-actions"style="bottom: -36px;">
@ -1358,7 +1358,7 @@ if ($_SESSION["userId"] <> "") {
<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-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
@ -1380,7 +1380,7 @@ if ($_SESSION["userId"] <> "") {
<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-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
@ -1402,7 +1402,7 @@ if ($_SESSION["userId"] <> "") {
<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-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
@ -1436,28 +1436,28 @@ if ($_SESSION["userId"] <> "") {
<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>
<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 loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/2.png" /></a></div>
<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 loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/3.png" /></a></div>
<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 loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/4.png" /></a></div>
<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 loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/5.png" /></a></div>
<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 loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/6.png" /></a></div>
<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 loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/7.png" /></a></div>
<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 loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/8.png" /></a></div>
<div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/8.png" /></a></div>
</li>
</ul>
</div>
@ -1486,46 +1486,46 @@ if ($_SESSION["userId"] <> "") {
<!-- 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>
<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 loading="lazy" src="assets/images/instragram-image/2.jpg" alt="insta"></a>
<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 loading="lazy" src="assets/images/instragram-image/3.jpg" alt="insta"></a>
<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 loading="lazy" src="assets/images/instragram-image/4.jpg" alt="insta"></a>
<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 loading="lazy" src="assets/images/instragram-image/5.jpg" alt="insta"></a>
<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 loading="lazy" src="assets/images/instragram-image/6.jpg" alt="insta"></a>
<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 loading="lazy" src="assets/images/instragram-image/7.jpg" alt="insta"></a>
<a href="#" target="_blank"><img src="assets/images/instragram-image/7.jpg" alt="insta"></a>
</div>
</div> -->
<!-- instagram item -->
@ -1549,36 +1549,36 @@ if ($_SESSION["userId"] <> "") {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -1650,7 +1650,7 @@ if ($_SESSION["userId"] <> "") {
<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">
<img src="../assets/images/img-1.png" alt="newsletter">
</div>
<div class="col-md-6">
<div id="ec-popnews-box-content">
@ -1658,10 +1658,10 @@ if ($_SESSION["userId"] <> "") {
<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;">
<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 loading="lazy" src="../assets/images/Appstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
<img src="../assets/images/Appstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
</a>
</div>
@ -1697,7 +1697,7 @@ if ($_SESSION["userId"] <> "") {
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1735,7 +1735,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1757,7 +1757,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1779,7 +1779,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1801,7 +1801,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1825,7 +1825,7 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon">
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon">
</div>
</div>
</div>
@ -1840,7 +1840,7 @@ if ($_SESSION["userId"] <> "") {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png">
<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">

View File

@ -59,7 +59,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -71,7 +71,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -83,7 +83,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -235,7 +235,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -274,7 +274,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -298,7 +298,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -322,7 +322,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -346,7 +346,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -371,7 +371,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -386,7 +386,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -1,7 +1,5 @@
<?php
include "functions.php";
include "../";
$url = $_SESSION["url"];
$_SESSION["email"] = $_POST["name"];
@ -21,13 +19,7 @@
if ($result > 0) {
$_SESSION["isVendor"] = true;
}
if ($url == "/forgot_password.php" || $url == "/forget_otp.php")
{
header("location: index.php");
}else {
header("location: $url");
}
header("location: $url");
} else {
// $_SESSION["loginError"] = "Invalid email or password. Please try again.";
header("location: login.php?error=1");

View File

@ -148,9 +148,9 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="vendor-info" style="display: flex; align-items: center;">
<div class="ec-catalog-vendor" style="display: inline-block;">
<?php if (isset($vendor['vendor_image'])) : ?>
<img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
<img src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
<?php else : ?>
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
<img src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
<?php endif; ?>
</div>
<div class="vendor-details" style="display: inline-block;">
@ -232,7 +232,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<!-- Recent Purchase Popup -->
<div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -270,7 +270,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -292,7 +292,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -314,7 +314,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -336,7 +336,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -360,7 +360,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -375,7 +375,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -70,34 +70,21 @@ if ($_SESSION["userId"] <> "") {
</style>
<script>
function updateCartItemCount() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = xhr.responseText;
if (data !== "") {
console.log("Data: " + data);
document.getElementById("cartItemCount").innerHTML = data;
}
$.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
if (data != "") {
console.log("Data: " + data + "\nStatus: " + status);
document.getElementById("cartItemCount").innerHTML = data;
}
});
}
};
xhr.send();
}
function updateWishItemCount() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = xhr.responseText;
if (data !== "") {
document.getElementById("wishItemCount").innerHTML = data;
}
function updateWishItemCount() {
$.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
if (data != "") {
document.getElementById("wishItemCount").innerHTML = data;
}
});
}
};
xhr.send();
}
</script>
</head>
@ -125,7 +112,7 @@ function updateWishItemCount() {
<!-- 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/1708068709103-0-02-06-f2fd3afbfa98cf9fcb81bce9df0691a06bb004b883d08ef2e80c4a3bdaf17f8f_1c6db9236e4582.jpg" alt="" width="1920">
<img src="https://api.obanana.com/images/storage/web_images/1708068709103-0-02-06-f2fd3afbfa98cf9fcb81bce9df0691a06bb004b883d08ef2e80c4a3bdaf17f8f_1c6db9236e4582.jpg" alt="" width="1920">
<div class="container align-self-center">
<div class="row">
<div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
@ -157,7 +144,7 @@ function updateWishItemCount() {
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="ec-cat-bnr">
<span><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708412192539-NEXT%20DAY%20delivery.png" alt=""></span>
<a href="shop-left-sidebar-col-4.php"><span><img src="https://api.obanana.com/images/storage/web_images/1708412192539-NEXT%20DAY%20delivery.png" alt=""></span></a>
</div>
</div>
<div class="col-lg-6 col-md-12">
@ -190,7 +177,7 @@ function updateWishItemCount() {
</div>
</div>
<div class="col-md-6 ec-sort-select">
<!-- <span class="sort-by">Sort by</span>
<span class="sort-by">Sort by</span>
<div class="ec-select-inner">
<select name="ec-select" id="ec-select">
<option selected disabled>Position</option>
@ -200,7 +187,7 @@ function updateWishItemCount() {
<option value="4">Price, low to high</option>
<option value="5">Price, high to low</option>
</select>
</div> -->
</div>
</div>
</div>
<!-- Shop Top End -->
@ -209,347 +196,150 @@ function updateWishItemCount() {
<!-- 02-19-2024 Jun Jihad Same Day Delivery page -->
<div class="shop-pro-content">
<div class="shop-pro-inner">
<div class="row" id="product-container2">
<div class="row">
<?php
$simpleProducts = sddProducts();
$productsPerPage = 8;
$currentPage = isset($_GET['page']) ? $_GET['page'] : 1;
$startIndex = ($currentPage - 1) * $productsPerPage;
$endIndex = $startIndex + $productsPerPage - 1;
$endIndex = min($endIndex, count($simpleProducts) - 1);
for ($i = $startIndex; $i <= $endIndex; $i++) {
// $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
$pid = $i;
$vendorOfProduct = getVendorbyId($simpleProducts[$pid]['vendor_api_id']);
?>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
<div class="ec-product-inner" style="width: 260px;">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=<?php echo $simpleProducts[$pid]["_id"]; ?>" >
<?php
if (isset($simpleProducts[$pid]['images'])) {
$image_urls = explode(',', $simpleProducts[$pid]['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px; width: 100%;"/>
<?php
}
} else {
?>
<img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
<?php
}
?>
<!-- <img class="main-image" src="<?php echo $simpleProducts[$pid]["images"] ?>" alt="Product" /> -->
<!-- <img class="hover-image" src="<?php echo $simpleProducts[$pid]["images"] ?>" alt="Product" /> -->
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($simpleProducts[$pid]), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`, `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` , `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
<a class="ec-btn-group wishlist" title="Wishlist" onclick="popupWishlist('<?php echo htmlspecialchars(json_encode($simpleProducts[$pid]), ENT_QUOTES, 'UTF-8'); ?>', '<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>');"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $simpleProducts[$pid]["_id"]; ?>">
<?php echo $simpleProducts[$pid]["product_name"] ?></a></h5>
<!-- <div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div> -->
<div class="ec-pro-list-desc"> <?php echo $simpleProducts[$pid]["specifications"] ?></div>
<span class="ec-price">
<?php if (isset($simpleProducts[$pid]["sale_price"]) && $simpleProducts[$pid]["sale_price"] > 0) : ?>
<span class="old-price">&#8369;<?php echo number_format($simpleProducts[$pid]["regular_price"], 2, ".", ",") ?></span>
<span class="new-price">&#8369;<?php echo number_format($simpleProducts[$pid]["sale_price"], 2, ".", ",") ?></span>
<?php elseif (isset($simpleProducts[$pid]["regular_price"]) && $simpleProducts[$pid]["regular_price"] != "") : ?>
<span class="new-price">&#8369;<?php echo number_format($simpleProducts[$pid]["regular_price"], 2, ".", ",") ?></span>
<?php elseif ($simpleProducts[$pid]["regular_price"] == "" || $simpleProducts[$pid]["regular_price"] == null) : ?>
<span class="inquire-text">Inquire</span>
<?php else : ?>
<span class="inquire-text">Inquire</span>
<?php endif; ?>
</span>
<!-- <div class="ec-pro-option">
<div class="ec-pro-color">
<span class="ec-pro-opt-label">Color</span>
<ul class="ec-opt-swatch ec-change-img">
<li class="active"><a href="#" class="ec-opt-clr-img"
data-src="assets/images/product-image/8_2.jpg"
data-src-hover="assets/images/product-image/8_2.jpg"
data-tooltip="Gray"><span
style="background-color:#e9dddd;"></span></a></li>
<li><a href="#" class="ec-opt-clr-img"
data-src="assets/images/product-image/8_3.jpg"
data-src-hover="assets/images/product-image/8_3.jpg"
data-tooltip="Orange"><span
style="background-color:#ffd5cb;"></span></a></li>
<li><a href="#" class="ec-opt-clr-img"
data-src="assets/images/product-image/8_4.jpg"
data-src-hover="assets/images/product-image/8_4.jpg"
data-tooltip="Green"><span
style="background-color:#92e4fd;"></span></a></li>
</ul>
</div>
</div> -->
</div>
</div>
</div>
<?php
}
// }
?>
</div>
</div>
<!-- Ec Pagination Start -->
<div class="ec-pro-pagination" style="padding:10px">
<span class="page-indicator"></span>
<ul class="ec-pro-pagination-inner" id='prod-search-pagination'>
<div class="ec-pro-pagination">
<span>Showing <?php echo $startIndex + 1; ?>-<?php echo $endIndex + 1; ?> of <?php echo count($simpleProducts); ?> item(s)</span>
<ul class="ec-pro-pagination-inner">
<?php
$totalPages = ceil(count($simpleProducts) / $productsPerPage);
$maxPaginationLinks = 5;
$startPage = max(1, $currentPage - floor($maxPaginationLinks / 2));
$endPage = min($startPage + $maxPaginationLinks - 1, $totalPages);
if ($startPage > 1) {
?>
<li><a href="?page=1">1</a></li>
<?php
if ($startPage > 2) {
?>
<li><span>...</span></li>
<?php
}
}
for ($page = $startPage; $page <= $endPage; $page++) {
$activeClass = ($page == $currentPage) ? 'active' : '';
?>
<li><a class="<?php echo $activeClass; ?>" href="?page=<?php echo $page; ?>"><?php echo $page; ?></a></li>
<?php
}
if ($endPage < $totalPages) {
if ($endPage < $totalPages - 1) {
?>
<li><span>...</span></li>
<?php
}
?>
<li><a href="?page=<?php echo $totalPages; ?>"><?php echo $totalPages; ?></a></li>
<?php
}
?>
</ul>
</div>
<!-- 02-19-2024 Jun Jihad Same Day Delivery page -->
<!-- Ec Pagination End -->
</div>
<!--Shop content End -->
</div>
<script>
// JavaScript
document.addEventListener("DOMContentLoaded", function() {
const productsPerPage = 30;
let currentPage = 1;
let page = currentPage;
loadProducts(page); // Initial load of products
// JavaScript
function filterFunction(checkedCategories, minPrice, maxPrice,products) {
var filteredProducts = [];
// Filter by category
if (checkedCategories.length > 0) {
let filteredProduct= products?.filter((product) => {
let categoryF = product?.product_category?.toLowerCase();
// console.log('Category (lowercase):', categoryF);
let result =checkedCategories.includes(categoryF)
// console.log('Checked Categories:', result);
return result; // Return a boolean value indicating whether the category is included
});
filteredProducts=filteredProduct
console.log(filteredProducts);
} else {
// If no categories are selected, keep all products
filteredProducts = products;
}
// If minPrice or maxPrice is not provided, set them to default values
minPriceFinal = minPrice !== '' ? parseInt(minPrice) : 0;
maxPriceFinal = maxPrice !== '' ? parseInt(maxPrice) : Number.MAX_VALUE;
console.log(checkedCategories, minPrice,products)
// Filter by price range
// Filter by price range
if( minPrice !== ''|| maxPrice !== ''){
filteredProducts = filteredProducts.filter(function(product) {
// Check if product has a sale price
var salePrice = parseInt(product.sale_price);
var regularPrice = parseInt(product.regular_price);
// Check if salePrice and regularPrice are valid numbers
// if (isNaN(salePrice) || isNaN(regularPrice)) {
// // One of the prices is not a valid number, use 0 instead
// salePrice = salePrice || 0;
// regularPrice = regularPrice || 0;
// }
var priceToCheck = salePrice > 0 ? salePrice : regularPrice;
// console.log(priceToCheck);
return priceToCheck >= minPriceFinal && priceToCheck <= maxPriceFinal;
});
}
console.log({results:filteredProducts});
// Final filtered products
// console.log({results:filteredProducts});
let final = filteredProducts
return final;
}
function loadProducts(page,isFilter) {
// Make AJAX request to fetch products for given page
let xhr = new XMLHttpRequest();
xhr.open("GET", "https://<?php echo htmlspecialchars($_SESSION["data_endpoint"]); ?>/api/v1/products", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// Parse JSON response
let products1 = JSON.parse(xhr.responseText);
let products = products1.filter((e) => {
return e.promo[0]?.['next-day-delivery'] === "Yes" && (e.product_type === '' || e.product_type === 'simple' || e.product_type === 'variable');
});
console.log(products)
// if(isFilter===true){
var checkedCategories = getCheckedCheckboxes();
var prices = getMinMaxPrices();
// Pass the values to your filter function
products= filterFunction(checkedCategories, prices.minPrice, prices.maxPrice,products);
// }
// Construct HTML for product cards
let productContainer = document.getElementById("product-container2");
productContainer.innerHTML = ""; // Clear previous content
console.log(products)
let startIndex = (page - 1) * productsPerPage;
let endIndex = startIndex + productsPerPage - 1;
// Filter products for current page
if(products.length>0){
let productsForPage = products.slice(startIndex, endIndex + 1);
productsForPage.forEach(function(prod) {
let product = prod;
// let vendor = prod.vendor;
let vendorOfProduct = prod.vendor;
// let card = document.createElement("div");
let token ="<?php echo $_SESSION['token'] ?>";
let email ="<?php echo $_SESSION['email'] ?>";
let password ="<?php echo $_SESSION['password'] ?>";
let customer_data ='<?php echo json_encode($customer_data) ?>';
// Load product images dynamically
let imageContainer = document.createElement("div");
if (product.images && product.images.length > 0) {
let imageUrls = product.images.split(',');
let firstImageUrl = imageUrls[0].trim();
let img = document.createElement("img");
img.setAttribute("style", "width: 290px; height: 200px; object-fit: cover;");
img.setAttribute("class", "main-image");
img.setAttribute("src", firstImageUrl);
img.setAttribute("alt", "Product");
img.className = "main-image";
imageContainer.appendChild(img);
} else {
let img = document.createElement("img");
img.className = "main-image";
img.setAttribute("style", "width: 290px; height: 200px; object-fit: cover;");
img.setAttribute("class", "main-image");
img.setAttribute("src", "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png");
img.setAttribute("alt", "Product");
imageContainer.appendChild(img);
}
// Create product card
let card = document.createElement("div");
card.classList.add("col-lg-3", "col-md-6", "col-sm-6", "col-xs-6", "mb-6", "pro-gl-content", "width-100");
card.innerHTML = `
<div class="ec-product-inner">
<div class="ec-pro-image-outer" style="width: 290px; height: 200px;">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=${product._id}">
${imageContainer.innerHTML} <!-- Include the dynamically loaded image here -->
</a>
<div class="ec-pro-actions" style="bottom: -36px;">
<button title="Add To Cart" onclick="popupAddToCart('${encodeURIComponent(JSON.stringify(product))}','${encodeURIComponent(JSON.stringify(vendorOfProduct))}', '${token}', '${email}', '${password}', '${encodeURIComponent(JSON.stringify(customer_data))}');" 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('${encodeURIComponent(JSON.stringify(product))}', '${encodeURIComponent(JSON.stringify(customer_data))}');"><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=${product._id}" style="width: 90%; text-wrap: wrap;">${product.product_name}</a></h5>
<div class="ec-pro-list-desc">${product.product_description ??""}</div>
<span class="ec-price">
${(product.sale_price && product.sale_price > 0) ?
`<span class="old-price">&#8369;${product?.regular_price}</span>
<span class="new-price">&#8369;${product?.sale_price}</span>` : product.regular_price ?
`<span class="new-price">&#8369;${product?.regular_price}</span>`: 'inquire'
}
</span>
</div>
</div>`;
productContainer.appendChild(card);
updatePaginationUI(page, products?.length);
});
gridList()
}else{
document.getElementById("product-container2").innerHTML=`
<h6>No products available</h6>
`;
}
}
else{
document.getElementById("product-container2").innerHTML=`
<h6>No products available</h6>
`;
}
};
xhr.send();
}
function updatePaginationUI(page, totalProducts) {
let totalPages = Math.ceil(totalProducts / productsPerPage);
let paginationInner = document.getElementById("prod-search-pagination");
let paginationIndicator = document.querySelector(".page-indicator");
paginationInner.innerHTML = ""; // Clear previous pagination
let startPage = 1;
let endPage = totalPages;
const visiblePages = 5; // Number of visible page links excluding ellipses
if (totalPages > visiblePages) {
if (page <= Math.ceil(visiblePages / 2)) {
endPage = visiblePages;
} else if (page >= totalPages - Math.floor(visiblePages / 2)) {
startPage = totalPages - visiblePages + 1;
} else {
startPage = page - Math.floor(visiblePages / 2);
endPage = page + Math.ceil(visiblePages / 2) - 1;
}
}
// Display ellipsis at the beginning if necessary
if (startPage > 1) {
let li = document.createElement("li");
li.textContent = "...";
paginationInner.appendChild(li);
}
for (let i = startPage; i <= endPage; i++) {
let li = document.createElement("li");
let a = document.createElement("a");
a.setAttribute("href", "#");
a.setAttribute("data-page", i);
a.textContent = i;
if (i === page) {
a.classList.add("active");
}
li.appendChild(a);
paginationInner.appendChild(li);
}
// Display ellipsis at the end if necessary
if (endPage < totalPages) {
let li = document.createElement("li");
li.textContent = "...";
paginationInner.appendChild(li);
}
// Update pagination indicator
let startIndex = (page - 1) * productsPerPage + 1;
let endIndex = Math.min(startIndex + productsPerPage - 1, totalProducts);
paginationIndicator.textContent = " Showing " + startIndex + " to " + endIndex + " of " + totalProducts + " item(s)";
}
function getCheckedCheckboxes() {
var checkboxes = document.querySelectorAll('input[name="category[]"]:checked');
var values = [];
checkboxes.forEach(function(checkbox) {
values.push(checkbox.value.toLowerCase().trim());
});
return values;
}
// Function to get min and max prices
function getMinMaxPrices() {
var minPrice = document.getElementById('minPrice').value;
var maxPrice = document.getElementById('maxPrice').value;
return {
minPrice: minPrice,
maxPrice: maxPrice
};
}
// Function to handle form submission
function applyFilters() {
var checkedCategories = getCheckedCheckboxes();
var prices = getMinMaxPrices();
// Pass the values to your filter function
filterFunction(checkedCategories, prices.minPrice, prices.maxPrice);
}
var checkboxes = document.querySelectorAll('input[name="category[]"]');
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
loadProducts(1, true);
});
});
function gridList(e) {
console.log("hereeeee")
var $gridCont = $('.shop-pro-inner');
var $gridView = $('.pro-gl-content');
// e.preventDefault();
$gridCont.removeClass('list-view');
$gridView.removeClass('width-100');
}
// Listen for changes in min and max price inputs
var minPriceInput = document.getElementById('minPrice');
minPriceInput.addEventListener('input', function() {
loadProducts(1, true);
});
var maxPriceInput = document.getElementById('maxPrice');
maxPriceInput.addEventListener('input', function() {
loadProducts(1, true);
});
document.getElementById("prod-search-pagination").addEventListener("click", function(event) {
if (event.target.tagName.toLowerCase() === "a") {
event.preventDefault(); // Prevent default link behavior
let page = parseInt(event.target.getAttribute("data-page"));
currentPage = page;
loadProducts(page,false);
// Scroll to top
window.scrollTo({
top: 0,
behavior: "smooth" // Optional smooth scrolling behavior
});
}
});
// Load initial products on page load
loadProducts(currentPage);
// Attach click event listeners to pagination links
// document.getElementById("pagination-container").addEventListener("click", function(event) {
// if (event.target.tagName.toLowerCase() === "a") {
// event.preventDefault(); // Prevent default link behavior
// let page = event.target.getAttribute("data-page");
// loadProducts(page); // Load products for the clicked page
// }
// });
// // Attach event listener to search form or button
// document.getElementById("search-form").addEventListener("submit", function(event) {
// event.preventDefault(); // Prevent default form submission
// let searchQuery = document.getElementById("search-input").value;
// console.log(searchQuery + " search clicked");
// // Make AJAX request to fetch products based on search query
// // You need to implement this part in a similar way to loading products
// });
});
</script>
<!-- Sidebar Area Start -->
<div class="filter-sidebar-overlay"></div>
<div class="ec-shop-leftside filter-sidebar">
@ -564,143 +354,68 @@ maxPriceInput.addEventListener('input', function() {
<h3 class="ec-sidebar-title">Category</h3>
</div>
<div class="ec-sb-block-content">
<form method="POST" action="shop-list-left-sidebar-action.php">
<ul>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" checked /> <a href="#">clothes</a><span
class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" /> <a href="#">Bags</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" /> <a href="#">Shoes</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" /> <a href="#">cosmetics</a><span
class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" /> <a href="#">electrics</a><span
class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" /> <a href="#">phone</a><span class="checked"></span>
</div>
</li>
<li id="ec-more-toggle-content" style="padding: 0; display: none;">
<ul>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Electronics" <?php echo (isset($_POST['category']) && in_array('Electronics', $_POST['category'])) || (isset($_GET['category']) && in_array('Electronics', $_GET['category'])) ? 'checked' : ''; ?> /> <a>Electronics</a><span class="checked"></span>
<input type="checkbox" /> <a href="#">Watch</a><span
class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Solar" <?php echo (isset($_POST['category']) && in_array('Solar', $_POST['category'])) || (isset($_GET['category']) && in_array('Solar', $_GET['category'])) ? 'checked' : ''; ?> /> <a>Solar</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="E-bike" <?php echo (isset($_POST['category']) && in_array('E-bike', $_POST['category'])) || (isset($_GET['category']) && in_array('E-bike', $_GET['category'])) ? 'checked' : ''; ?> /> <a>E-bike</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="E-vehicle" <?php echo (isset($_POST['category']) && in_array('E-vehicle', $_POST['category'])) || (isset($_GET['category']) && in_array('E-vehicle', $_GET['category'])) ? 'checked' : ''; ?> /> <a>E-vehicle</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Appliance" <?php echo (isset($_POST['category']) && in_array('Appliance', $_POST['category'])) || (isset($_GET['category']) && in_array('Appliance', $_GET['category'])) ? 'checked' : ''; ?> /> <a>Appliance</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Smart Home" <?php echo (isset($_POST['category']) && in_array('Smart Home', $_POST['category'])) || (isset($_GET['category']) && in_array('Smart Home', $_GET['category'])) ? 'checked' : ''; ?> /> <a>Smart Home</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Home" <?php echo (isset($_POST['category']) && in_array('Home', $_POST['category'])) || (isset($_GET['category']) && in_array('Home', $_GET['category'])) ? 'checked' : ''; ?> /> <a>Home</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Apparel" <?php echo (isset($_POST['category']) && in_array('Apparel', $_POST['category'])) || (isset($_GET['category']) && in_array('Apparel', $_GET['category'])) ? 'checked' : ''; ?> /> <a>Apparel</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Heavy Equipment" <?php echo (isset($_POST['category']) && in_array('Heavy Equipment', $_POST['category'])) || (isset($_GET['category']) && in_array('Heavy Equipment', $_GET['category'])) ? 'checked' : ''; ?> /> <a>Heavy Equipment</a><span class="checked"></span>
</div>
</li>
<li>
<div style="padding-top:10px;">
<label for="minPrice" style="margin-bottom:-5px;">Min Price:</label>
<input style="height:40px" type="number" name="minPrice" id="minPrice" />
<!-- <input style="height:40px" type="number" name="minPrice" id="minPrice" value="<?php echo isset($_POST['minPrice']) ? $_POST['minPrice'] : (isset($_GET['minPrice']) ? $_GET['minPrice'] : ''); ?>" /> -->
</div>
</li>
<li>
<div>
<label for="maxPrice" style="margin-bottom:-5px;">Max Price:</label>
<input style="height:40px" type="number" name="maxPrice" id="maxPrice" />
<!-- <input style="height:40px" type="number" name="maxPrice" id="maxPrice" value="<?php echo isset($_POST['maxPrice']) ? $_POST['maxPrice'] : (isset($_GET['maxPrice']) ? $_GET['maxPrice'] : ''); ?>" /> -->
</div>
</li>
<!-- <li>
<div style="padding-top:10px;">
<button style="font-size:12px; height:30px; width:60px;" class="btn-primary" type="submit">Apply</button>
</div>
</li> -->
</ul>
<!-- <button type="submit">Apply</button> -->
</form>
<!-- <form method="POST" action="<?php echo $_SERVER['PHP_SELF'] . '?' . http_build_query(array_merge($_GET, $_POST)); ?>">
<ul>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Electronics" <?php echo (isset($_POST['category']) && in_array('Electronics', $_POST['category'])) ? 'checked' : ''; ?> /> <a>Electronics</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Solar" <?php echo (isset($_POST['category']) && in_array('Solar', $_POST['category'])) ? 'checked' : ''; ?> /> <a>Solar</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="E-bike" <?php echo (isset($_POST['category']) && in_array('E-bike', $_POST['category'])) ? 'checked' : ''; ?> /> <a>E-bike</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="E-vehicle" <?php echo (isset($_POST['category']) && in_array('E-vehicle', $_POST['category'])) ? 'checked' : ''; ?> /> <a>E-vehicle</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Appliance" <?php echo (isset($_POST['category']) && in_array('Appliance', $_POST['category'])) ? 'checked' : ''; ?> /> <a>Appliance</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Smart Home" <?php echo (isset($_POST['category']) && in_array('Smart Home', $_POST['category'])) ? 'checked' : ''; ?> /> <a>Smart Home</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Home" <?php echo (isset($_POST['category']) && in_array('Home', $_POST['category'])) ? 'checked' : ''; ?> /> <a>Home</a><span class="checked"></span>
</div>
</li>
<li>
<div class="ec-sidebar-block-item">
<input type="checkbox" name="category[]" value="Heavy Equipment" <?php echo (isset($_POST['category']) && in_array('Heavy Equipment', $_POST['category'])) ? 'checked' : ''; ?> /> <a>Heavy Equipment</a><span class="checked"></span>
</div>
</li>
<li>
<div>
<label for="minPrice">Min Price:</label>
<input type="number" name="minPrice" id="minPrice" value="<?php echo isset($_POST['minPrice']) ? $_POST['minPrice'] : (isset($_GET['minPrice']) ? $_GET['minPrice'] : ''); ?>" />
</div>
</li>
<li>
<div>
<label for="maxPrice">Max Price:</label>
<input type="number" name="maxPrice" id="maxPrice" value="<?php echo isset($_POST['maxPrice']) ? $_POST['maxPrice'] : (isset($_GET['maxPrice']) ? $_GET['maxPrice'] : ''); ?>" />
<input type="checkbox" /> <a href="#">Cap</a><span
class="checked"></span>
</div>
</li>
</ul>
<button type="submit">Apply</button>
</form> -->
</li>
<li>
<div class="ec-sidebar-block-item ec-more-toggle">
<span class="checked"></span><span id="ec-more-toggle">More
Categories</span>
</div>
</li>
</div>
</ul>
</div>
</div>
<!-- Sidebar Size Block -->
<!-- <div class="ec-sidebar-block">
<div class="ec-sidebar-block">
<div class="ec-sb-title">
<h3 class="ec-sidebar-title">Size</h3>
</div>
@ -738,9 +453,9 @@ maxPriceInput.addEventListener('input', function() {
</li>
</ul>
</div>
</div> -->
</div>
<!-- Sidebar Color item -->
<!-- <div class="ec-sidebar-block ec-sidebar-block-clr">
<div class="ec-sidebar-block ec-sidebar-block-clr">
<div class="ec-sb-title">
<h3 class="ec-sidebar-title">Color</h3>
</div>
@ -788,9 +503,9 @@ maxPriceInput.addEventListener('input', function() {
</li>
</ul>
</div>
</div> -->
</div>
<!-- Sidebar Price Block -->
<!-- <div class="ec-sidebar-block">
<div class="ec-sidebar-block">
<div class="ec-sb-title">
<h3 class="ec-sidebar-title">Price</h3>
</div>
@ -805,7 +520,7 @@ maxPriceInput.addEventListener('input', function() {
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
@ -826,36 +541,36 @@ maxPriceInput.addEventListener('input', function() {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -953,7 +668,7 @@ maxPriceInput.addEventListener('input', function() {
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -992,7 +707,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -1016,7 +731,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -1040,7 +755,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -1064,7 +779,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -1089,7 +804,7 @@ maxPriceInput.addEventListener('input', function() {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1104,7 +819,7 @@ maxPriceInput.addEventListener('input', function() {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -115,7 +115,7 @@ if ($_SESSION["userId"] <> "") {
<section class="labels section-space-p">
<div class="container">
<div class="row">
<img loading="lazy" src="./assets/images/comingsoon.png" alt="">
<img src="./assets/images/comingsoon.png" alt="">
</div>
</div>
</section>
@ -135,7 +135,7 @@ if ($_SESSION["userId"] <> "") {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 15% off on branded Shoes</h2>
@ -152,7 +152,7 @@ if ($_SESSION["userId"] <> "") {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 30% off on branded chair</h2>
@ -169,7 +169,7 @@ if ($_SESSION["userId"] <> "") {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 m-auto">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 50% off on branded Hand Bags</h2>
@ -251,7 +251,7 @@ if ($_SESSION["userId"] <> "") {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -289,7 +289,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -311,7 +311,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -333,7 +333,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -355,7 +355,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -379,7 +379,7 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -394,7 +394,7 @@ if ($_SESSION["userId"] <> "") {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -424,7 +424,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -462,7 +462,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -484,7 +484,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -506,7 +506,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -528,7 +528,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -552,7 +552,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -567,7 +567,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -80,7 +80,6 @@ if (isset($_GET['id'])) {
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/style2.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Background css -->
<link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
@ -217,24 +216,7 @@ if (isset($_GET['id'])) {
bottom: 0;
border-radius: 0 0 10px 10px;
}
.vendor_img{
height: 45px;
width: 45px;
border-radius:50px;
border: 1px solid #ccc;
object-fit:cover
}
.vendor_wrap{
display:flex;
flex-direction: row;
align-items: center;
}
.vendor_details{
padding:10px
}
.seller-header{
font-weight:500;
}
/* 02-21-2024 Stacy added css for addtocart & wishlist */
</style>
</head>
@ -318,7 +300,7 @@ if (isset($_GET['id'])) {
?>
<div class="single-slide zoom-image-hover" style="width: 100%; height: 500px; border: 1px solid #ddd; text-align: center; overflow: hidden;">
<?php
$placeholderImage = 'https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png';
$placeholderImage = 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
if (!isset($product_details["images"]) or $product_details["images"] == "") {
$productImage = $placeholderImage;
} else {
@ -337,14 +319,14 @@ if (isset($_GET['id'])) {
?>
<div class="single-slides">
<?php
$placeholderImage = 'https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png';
$placeholderImage = 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
if (!isset($product_details["images"]) or $product_details["images"] == "") {
$productImage = $placeholderImage;
} else {
$productImage = $i;
}
?>
<!-- <img loading="lazy" class="img-responsive" src="<?php #echo $productImage;
<!-- <img class="img-responsive" src="<?php #echo $productImage;
?>" alt="" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;"> -->
<!-- 02-26-2024 Stacy updated img width & height -->
<img class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="max/width: 90px; height: 120px; object-fit: cover; object-position: center center;">
@ -413,27 +395,6 @@ if (isset($_GET['id'])) {
<div class="ec-single-stoke">
<span class="ec-single-ps-title">Stocks Available</span>
<span class="ec-single-sku" id="productStock"><?php echo $product_details['stock']; ?></span>
</div>
</div>
<div class="ec-single-price-stoke">
<div class="ec-single-price">
<span class="ec-single-ps-title seller-header">Seller information</span>
<div class="vendor_wrap">
<img loading="lazy" class="vendor_img img-responsive" src="<?php echo isset( $vendor_details['vendor_image']) ?$vendor_details['vendor_image'] :'https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png'; ?>" alt="">
<div class="vendor_details">
<h6>
<?php echo $vendor_details['user_login']; ?>
</h6>
</div>
</div>
</div>
<div class="ec-single-stoke">
<a href="catalog-single-vendor.php?id=<?php echo $vendor_details['_id'] ?>" >
<span class="ec-single-ps-title" style="color:#ffaa00; font-weight:500; font-size:13px">Visit Seller <i class="fa-solid fa-arrow-right" style="color:#ffaa00"></i></span>
</a>
<!-- <span class="ec-single-sku" id="productStock"><?php echo $product_details['stock']; ?></span> -->
</div>
</div>
@ -446,19 +407,8 @@ if (isset($_GET['id'])) {
<span>VARIATION</span>
<div class="ec-pro-variation-content">
<ul class="eccart-pro-items">
<!-- <?php
$main_product_image = isset($product_details["images"]) ? $product_details["images"] : 'https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png';
?>
<a href="javascript:void(0);" onclick="selectVariation(<?php // echo htmlspecialchars(json_encode($product_details), ENT_QUOTES, 'UTF-8'); ?>)">
<li style="width: 100px; height: 100px">
<img src="<?php // echo $main_product_image; ?>" alt="product">
<?php // foreach ($product_details['variables'] as $variable) { ?>
<p><?php // echo $variable['name'] . ': ' . $variable['value']; ?></p>
<?php // } ?>
</li>
</a> -->
<?php
$main_product_image = isset($product_details["images"]) ? strtok($product_details["images"], ',') : 'https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png';
$main_product_image = isset($product_details["product_image"]) ? $product_details["product_image"] : 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
?>
<a href="javascript:void(0);" onclick="selectVariation(<?php echo htmlspecialchars(json_encode($product_details), ENT_QUOTES, 'UTF-8'); ?>)">
<li style="width: 100px; height: 100px">
@ -471,7 +421,7 @@ if (isset($_GET['id'])) {
<?php
foreach ($variation_details as $index => $variation) {
$variationImage = isset($variation["images"]) ? $variation["images"] : 'https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png';
$variationImage = isset($variation["product_image"]) ? $variation["product_image"] : 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
?>
<a href="javascript:void(0);" onclick="selectVariation(<?php echo htmlspecialchars(json_encode($variation), ENT_QUOTES, 'UTF-8'); ?>)">
<li style="width: 100px; height: 100px">
@ -497,10 +447,10 @@ if (isset($_GET['id'])) {
document.getElementById("shortDescription").innerHTML = variation.product_description;
document.getElementById("productTitle").innerText = variation.product_name;
document.getElementById("product_Id").value = variation._id;
var productImage = variation.images ? variation.images.split(',')[0] : 'https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png';
$('.zoom-image-hover').trigger('zoom.destroy');
var productImage = variation.product_image || 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
document.getElementById('mainProductImage').src = productImage;
$('.zoom-image-hover').zoom();
document.getElementById("productTitlemodal").innerText = variation.product_name;
document.getElementById('mainProductImagemodal').src = productImage;
@ -540,31 +490,25 @@ if (isset($_GET['id'])) {
$product_price = (!empty($product_details['sale_price'])) ? $product_details['sale_price'] : $product_details['regular_price'] ;
if ($_SESSION["isLoggedIn"]) {
if ($product_details['product_type'] === "variable") {
echo '<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="decrement()"
onmouseover="this.style.color=\'#a15d00\'" onmouseout="this.style.color=\'#ffaa00\'">-</div>';
echo '<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="decrement()">-</div>';
echo '<input class="qty-inputs" style="width:110px; height:40px" type="number" name="ec_qtybtn" value="';
echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1";
echo '" id="qty-input" />';
echo '<div class="qty-btn" style="color:#ffaa00; font-size:25px; padding-left:5px; cursor: pointer;" onclick="increment()"
onmouseover="this.style.color=\'#a15d00\'" onmouseout="this.style.color=\'#ffaa00\'">+</div>';
echo '<div style="display:flex; margin-left:45px;"><button type="button" class="btn btn-primary" id="contactSellerButton" style="background:#ffaa00; width:190px;"
data-bs-toggle="modal" data-bs-target="#priceModal"><i class="fi-rr-envelope" style="font-size:20px; margin-bottom:-3px; margin-right:10px;"></i>Contact Seller</button>';
echo '" id="qty-input" oninput="handleInput()" />';
echo '<div class="qty-btn" style="color:#ffaa00; font-size:25px; padding-left:5px; cursor: pointer;" onclick="increment()">+</div>';
echo '<div style="display:flex; margin-left:45px;"><button type="button" class="btn btn-primary" id="contactSellerButton" style="background:#ffaa00; width:190px;" data-bs-toggle="modal" data-bs-target="#priceModal"><i class="fi-rr-envelope" style="font-size:20px; margin-bottom:-3px; margin-right:10px;"></i>Contact Seller</button>';
echo '<button class="btn btn-primary" id="addToCartButton" style="display:none">Add To Cart</button>';
echo '<div class="ec-single-wishlist">
<a class="ec-btn-group wishlist" title="Wishlist" onclick="wishlist()"><i class="fi fi-rr-heart" style="color:#B80F0A; font-size:20px;"></i></a>
</div></div>';
} else {
if (!empty($product_details['regular_price']) || !empty($product_details['sale_price'])) {
echo '<div class="qty-btn" style="color:#ffaa00; font-size:35px; margin-right:5px; cursor: pointer;" onclick="decrement()"
onmouseover="this.style.color=\'#a15d00\'" onmouseout="this.style.color=\'#ffaa00\'">-</div>';
echo '<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="decrement()">-</div>';
echo '<input class="qty-inputs" style="width:100px; height:40px" type="number" name="ec_qtybtn" value="';
echo (!empty($product_details['minimum_order'])) ? $product_details['minimum_order'] : "1";
echo '" id="qty-input" />';
echo '<div class="qty-btn" style="color:#ffaa00; font-size:25px; margin-left:5px; cursor: pointer;" onclick="increment()"
onmouseover="this.style.color=\'#a15d00\'" onmouseout="this.style.color=\'#ffaa00\'">+</div>';
echo '<div> <div id="addToCartMessage" style="padding-left:45px;"></div> <button class="btn btn-primary" id="addToCartButton" style="text-wrap:nowrap;
background:#ffaa00; margin-left:55px;" onmouseover="this.style.background=\'#df9000\'" onmouseout="this.style.background=\'#ffaa00\'">
<i class="fi-rr-shopping-bag" style="font-size:20px; margin-bottom:-3px; margin-right:10px;"></i>Add To Cart</button></div>';
echo '" id="qty-input" oninput="handleInput()" />';
echo '<div class="qty-btn" style="color:#ffaa00; font-size:25px; padding-left:5px; cursor: pointer;" onclick="increment()">+</div>';
// echo '<div id="addToCartMessage" style="border:1px solid red;"></div>';
echo '<div> <div id="addToCartMessage" style="padding-left:45px;"></div> <button class="btn btn-primary" id="addToCartButton" style="text-wrap:nowrap; background:#ffaa00; margin-left:55px;"><i class="fi-rr-shopping-bag" style="font-size:20px; margin-bottom:-3px; margin-right:10px;"></i>Add To Cart</button></div>';
echo '<div class="ec-single-wishlist">
<a class="ec-btn-group wishlist" title="Wishlist" onclick="wishlist()"><i class="fi fi-rr-heart" style="color:#B80F0A; font-size:20px;"></i></a>
</div>';
@ -574,8 +518,7 @@ if (isset($_GET['id'])) {
}
} else {
echo '<div class="login-button" style=""><p style="color:red; text-wrap:nowrap;">Please log in to your account.</p>';
echo '<a href="login.php" style="margin-left:-2px;"><button type="button" class="btn btn-primary" style="margin-left:-2px; margin-top:-20px; background:#ffaa00;
border-radius:10px; letter-spacing:1px;" data-bs-toggle="modal">LOGIN</button></a></div>';
echo '<a href="login.php" style="margin-left:-2px;"><button type="button" class="btn btn-primary" style="margin-left:-2px; margin-top:-20px; background:#ffaa00; border-radius:10px; letter-spacing:1px;" data-bs-toggle="modal">LOGIN</button></a></div>';
}
?>
<!-- <div class="ec-single-wishlist" style="border: 1px solid yellow;">
@ -632,7 +575,7 @@ if (isset($_GET['id'])) {
$placeholderImage = 'https://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg';
$productImage = isset($product_details["product_image"]) ? $product_details["product_image"] : $placeholderImage;
?>
<img loading="lazy" id="mainProductImagemodal" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="width: 100%; height: 100%; object-fit: cover;">
<img id="mainProductImagemodal" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="width: 100%; height: 100%; object-fit: cover;">
</div>
</div>
<div class="col-md-8 col-8">
@ -1144,29 +1087,25 @@ if (isset($_GET['id'])) {
newOrder.id = `order_${response._id}`;
console.log(response)
newOrder.innerHTML = `
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
<img loading="lazy" src="${response.items[0].product.product_image}" alt="product">
</a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<!-- 02-16-2024 Stacy added style -->
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; margin-top:5px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; margin-right:5px; cursor: pointer;" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)"
onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">-</div>
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" style="color:#ffaa00; font-size:30px; margin-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)"
onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">+</div>
<a href="#" class="removeCart" style="margin-left:30px;" onclick="deleteOrder('${response._id}')">
<i class="ecicon eci-trash" style="color:#7e7e7e;" onmouseover="this.style.color='#aaaaaa'"
onmouseout="this.style.color='#7e7e7e'"></i></a>
</div>
<!-- 02-16-2024 Stacy added style -->
</div>
`;
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
<img src="${response.items[0].product.product_image}" alt="product">
</a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<!-- 02-16-2024 Stacy added style -->
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)">-</div>
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
</div>
<!-- 02-16-2024 Stacy added style -->
</div>
`;
getLatestOrders()
updateCartItemCount()
cartList.appendChild(newOrder);
@ -1227,29 +1166,23 @@ if (isset($_GET['id'])) {
var totalAmount = response.items[0].price * updatedQuantity;
// If the cart item already exists, update its content using innerHTML
cartItem.innerHTML = `
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
<img loading="lazy" src="${response.items[0].product.product_image}" alt="product">
</a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<!-- 04-17-2024 Stacy added style -->
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; margin-top:5px;">
<div class="qty-btn" style="color:#ffaa00; font-size:35px; margin-right:5px; cursor: pointer;" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)"
onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">-</div>
<input style="width:100px; height:40px" id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" style="color:#ffaa00; font-size:30px; margin-left:5px; cursor: pointer;" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)"
onmouseover="this.style.color='#a15d00'" onmouseout="this.style.color='#ffaa00'">+</div>
<a href="#" class="removeCart" style="margin-left:30px;" onclick="deleteOrder('${response._id}')">
<i class="ecicon eci-trash" style="color:#7e7e7e;" onmouseover="this.style.color='#aaaaaa'"
onmouseout="this.style.color='#7e7e7e'"></i></a>
</div>
<!-- 04-17-2024 Stacy added style -->
</div>
`;
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
<img src="${response.items[0].product.product_image}" alt="product">
</a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">${response.items[0].product.name}</a>
<span class="cart-price" id="cart-price">
Unit Price: <span>${response.items[0].price}</span>
</span>
<span id="subtotal-${response._id}" class="subtotal-${response._id}">Subtotal: ${totalAmount}</span>
<div class="qty-plus-minuses">
<div class="qty-btn" onclick="qtyDecrement('${response._id}', '${response.items[0]._id}', true)">-</div>
<input id="qty-input-${response.items[0]._id}" class="qty-input" type="number" name="ec_qtybtn" value="${productData.quantity}" oninput="handleQtyInput(this, '${response._id}', '${response.items[0]._id}', true)"/>
<div class="qty-btn" onclick="qtyIncrement('${response._id}', '${response.items[0]._id}', true)">+</div>
</div>
<a href="#" class="removeCart" onclick="deleteOrder('${response._id}')">x</a>
</div>
`;
document.getElementById(`qty-input-${response.items[0]._id}`).value = updatedQuantity;
} else {
// If the cart item doesn't exist, create a new one
@ -1358,7 +1291,7 @@ if (isset($_GET['id'])) {
</div>
<div id="review" class="tab-content">
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1705042187464-viber_image_2023-12-12_16-04-25-151.png" alt="" />
<img src="https://api.obanana.com/images/storage/web_images/1705042187464-viber_image_2023-12-12_16-04-25-151.png" alt="" />
</div>
</div>
@ -1426,7 +1359,7 @@ if (isset($_GET['id'])) {
<div class="ec-t-review-wrapper">
<div class="ec-t-review-item">
<div class="ec-t-review-avtar">
<img loading="lazy" src="assets/images/review-image/1.jpg" alt="" />
<img src="assets/images/review-image/1.jpg" alt="" />
</div>
<div class="ec-t-review-content">
<div class="ec-t-review-top">
@ -1451,7 +1384,7 @@ if (isset($_GET['id'])) {
</div>
<div class="ec-t-review-item">
<div class="ec-t-review-avtar">
<img loading="lazy" src="assets/images/review-image/2.jpg" alt="" />
<img src="assets/images/review-image/2.jpg" alt="" />
</div>
<div class="ec-t-review-content">
<div class="ec-t-review-top">
@ -1744,7 +1677,7 @@ if (isset($_GET['id'])) {
$pid = rand(0, count($bestSellers) - 1);
?>
<div class="ec-sb-pro-sl-item">
<a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>" class="sidekka_pro_img"><img loading="lazy" src="<?php echo $bestSellers[$pid]["product_image"] ?>" alt="product" /></a>
<a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>" class="sidekka_pro_img"><img src="<?php echo $bestSellers[$pid]["product_image"] ?>" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $bestSellers[$pid]["_id"]; ?>"><?php echo $bestSellers[$pid]["product_name"] ?></a></h5>
<!-- <div class="ec-pro-rating">
@ -1814,8 +1747,8 @@ if (isset($_GET['id'])) {
<!-- <a href="shop-left-sidebar-col-4.php" class="image"> -->
<!-- 02-21-2024 Stacy changed link for image -->
<a class="image" href="product-left-sidebar.php?id=<?php echo $similar_products[$pid]["_id"] ?>">
<img loading="lazy" class="main-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
<img loading="lazy" class="hover-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
<img class="main-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
<img class="hover-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
</a>
<!-- 02-21-2024 Stacy commented out -->
<!-- <span class="percentage">20%</span> -->
@ -1932,36 +1865,36 @@ if (isset($_GET['id'])) {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -2054,7 +1987,7 @@ if (isset($_GET['id'])) {
<!-- Recent Purchase Popup -->
<!-- 02-20-2024 Stacy commented out -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -2093,7 +2026,7 @@ if (isset($_GET['id'])) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2115,7 +2048,7 @@ if (isset($_GET['id'])) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2137,7 +2070,7 @@ if (isset($_GET['id'])) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2159,7 +2092,7 @@ if (isset($_GET['id'])) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -2183,7 +2116,7 @@ if (isset($_GET['id'])) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -2198,7 +2131,7 @@ if (isset($_GET['id'])) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -312,7 +312,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -334,7 +334,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -356,7 +356,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -378,7 +378,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -402,7 +402,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -417,7 +417,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -158,7 +158,7 @@ $_SESSION["isVendor"] = false;
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -196,7 +196,7 @@ $_SESSION["isVendor"] = false;
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -218,7 +218,7 @@ $_SESSION["isVendor"] = false;
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -240,7 +240,7 @@ $_SESSION["isVendor"] = false;
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -262,7 +262,7 @@ $_SESSION["isVendor"] = false;
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -286,7 +286,7 @@ $_SESSION["isVendor"] = false;
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -301,7 +301,7 @@ $_SESSION["isVendor"] = false;
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -192,7 +192,7 @@ $customerData = json_decode($customers, true);
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -231,7 +231,7 @@ $customerData = json_decode($customers, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -255,7 +255,7 @@ $customerData = json_decode($customers, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -279,7 +279,7 @@ $customerData = json_decode($customers, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -303,7 +303,7 @@ $customerData = json_decode($customers, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -328,7 +328,7 @@ $customerData = json_decode($customers, true);
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -343,7 +343,7 @@ $customerData = json_decode($customers, true);
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -161,7 +161,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -199,7 +199,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -221,7 +221,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -243,7 +243,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -265,7 +265,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -289,7 +289,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -304,7 +304,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -259,7 +259,7 @@ $vendorData = json_decode($vendors, true);
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -297,7 +297,7 @@ $vendorData = json_decode($vendors, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -319,7 +319,7 @@ $vendorData = json_decode($vendors, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -341,7 +341,7 @@ $vendorData = json_decode($vendors, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -363,7 +363,7 @@ $vendorData = json_decode($vendors, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -387,7 +387,7 @@ $vendorData = json_decode($vendors, true);
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -402,7 +402,7 @@ $vendorData = json_decode($vendors, true);
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -112,7 +112,7 @@ if ($_SESSION["userId"] <> "") {
<section class="labels section-space-p">
<div class="container">
<div class="row">
<img loading="lazy" src="./assets/images/comingsoon.png" alt="">
<img src="./assets/images/comingsoon.png" alt="">
</div>
</div>
</section>
@ -132,7 +132,7 @@ if ($_SESSION["userId"] <> "") {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 15% off on branded Shoes</h2>
@ -149,7 +149,7 @@ if ($_SESSION["userId"] <> "") {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 30% off on branded chair</h2>
@ -166,7 +166,7 @@ if ($_SESSION["userId"] <> "") {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 m-auto">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 50% off on branded Hand Bags</h2>
@ -248,7 +248,7 @@ if ($_SESSION["userId"] <> "") {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -286,7 +286,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -308,7 +308,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -330,7 +330,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -352,7 +352,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -376,7 +376,7 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -391,7 +391,7 @@ if ($_SESSION["userId"] <> "") {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -9,25 +9,23 @@
// header("location: shop-list-left-sidebar.php");
if(isset($_GET["category"])) {
// $category = $_GET["category"];
// // You can use $category in your searchProducts function to filter results based on the category
// $result = searchProducts( $category);
$search = $_GET["category"];
$category = $_GET["category"];
// You can use $category in your searchProducts function to filter results based on the category
$result = searchProducts( $category);
} else {
// $result = searchProducts($_GET["searchText"]);
// $result2 = searchVendor($_GET["searchText"]);
$search = $_GET["searchText"];
$result = searchProducts($_GET["searchText"]);
$result2 = searchVendor($_GET["searchText"]);
}
// $array = json_decode($result,true);
// $array2 = json_decode($result2,true);
$array = json_decode($result,true);
$array2 = json_decode($result2,true);
// $_SESSION["productSearchResult"] = $array;
// $_SESSION["vendorSearchResult"] = $array2;
header("location: shop-list-left-sidebar.php?search=".$search);
$_SESSION["productSearchResult"] = $array;
$_SESSION["vendorSearchResult"] = $array2;
header("location: shop-list-left-sidebar.php");
// if (isset($_GET["category"])) {

View File

@ -67,7 +67,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -79,7 +79,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -91,7 +91,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -194,9 +194,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/6_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/6_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
@ -262,9 +262,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/7_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/7_2.jpg" alt="Product" />
</a>
<span class="flags">
@ -330,9 +330,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/1_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/1_2.jpg" alt="Product" />
</a>
<a href="#" class="quickview" data-link-action="quickview"
@ -398,9 +398,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/2_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/2_2.jpg" alt="Product" />
</a>
<span class="flags">
@ -452,9 +452,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/3_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/3_2.jpg" alt="Product" />
</a>
<span class="flags">
@ -516,9 +516,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/4_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/4_2.jpg" alt="Product" />
</a>
<a href="#" class="quickview" data-link-action="quickview"
@ -578,9 +578,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/5_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/5_2.jpg" alt="Product" />
</a>
<span class="flags">
@ -645,9 +645,9 @@
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image"
<img class="main-image"
src="assets/images/product-image/8_1.jpg" alt="Product" />
<img loading="lazy" class="hover-image"
<img class="hover-image"
src="assets/images/product-image/8_2.jpg" alt="Product" />
</a>
<span class="percentage">20%</span>
@ -933,36 +933,36 @@
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -1060,7 +1060,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1099,7 +1099,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -1123,7 +1123,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -1147,7 +1147,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -1171,7 +1171,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -1196,7 +1196,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1212,7 +1212,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -247,9 +247,9 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<div class="vendor-info" style="display: flex; align-items: center;">
<div class="ec-catalog-vendor" style="display: inline-block;">
<?php if (isset($vendor['vendor_image'])) : ?>
<img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
<img src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
<?php else : ?>
<img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
<img src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="vendor-image-placeholder" style="max-width: 100px; max-height: 100px;">
<?php endif; ?>
</div>
<div class="vendor-details" style="display: inline-block;">
@ -322,19 +322,19 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" style="width: 290px; height: 200px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<img style="width: 290px; height: 200px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<?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" />
<img 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="shop-left-sidebar-col-4.php" class="image">
<img loading="lazy" class="main-image" src="<?php echo $product_image ?>" alt="Product" />
<img loading="lazy" class="hover-image" src="<?php echo $product_image ?>" alt="Product" />
<img class="main-image" src="<?php echo $product_image ?>" alt="Product" />
<img class="hover-image" src="<?php echo $product_image ?>" alt="Product" />
</a> -->
<div class="ec-pro-actions">
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($product), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`, `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` , `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
@ -653,36 +653,36 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -774,7 +774,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<!-- Recent Purchase Popup -->
<div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -812,7 +812,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -834,7 +834,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -856,7 +856,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -878,7 +878,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -902,7 +902,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -917,7 +917,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

File diff suppressed because it is too large Load Diff

View File

@ -210,17 +210,17 @@ if ($_SESSION["userId"] <> "") {
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;" />
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;" />
<?php
}
} else {
?>
<img loading="lazy" class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<img class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <img loading="lazy" class="main-image" src="<?php echo $simpleProducts[$pid]["product_image"] ?>" alt="Product" /> -->
<!-- <img loading="lazy" class="hover-image" src="<?php echo $simpleProducts[$pid]["product_image"] ?>" alt="Product" /> -->
<!-- <img class="main-image" src="<?php echo $simpleProducts[$pid]["product_image"] ?>" alt="Product" /> -->
<!-- <img class="hover-image" src="<?php echo $simpleProducts[$pid]["product_image"] ?>" alt="Product" /> -->
</a>
<div class="ec-pro-actions" style="bottom: -36px;">
@ -648,36 +648,36 @@ if ($_SESSION["userId"] <> "") {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -769,7 +769,7 @@ if ($_SESSION["userId"] <> "") {
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -807,7 +807,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -829,7 +829,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -851,7 +851,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -873,7 +873,7 @@ if ($_SESSION["userId"] <> "") {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -897,7 +897,7 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -912,7 +912,7 @@ if ($_SESSION["userId"] <> "") {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -468,7 +468,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -490,7 +490,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -512,7 +512,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -534,7 +534,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -558,7 +558,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -573,7 +573,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -227,7 +227,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-vendor-block">
<!-- <div class="ec-vendor-block-bg"></div>
<div class="ec-vendor-block-detail">
<img loading="lazy" class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
<img class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
<h5>Mariana Johns</h5>
</div> -->
@ -238,7 +238,7 @@ if ($_SESSION["isVendor"] == true) {
<?php
$customer_image = isset($customer_data[0]['customer_image']) ? $customer_data[0]['customer_image'] : 'https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg';
?>
<img loading="lazy" class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
<img class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
</div>
<?php include 'user-profile-tabs.php' ?>
</div>
@ -361,7 +361,7 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
@ -436,7 +436,7 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
@ -507,7 +507,7 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
@ -578,7 +578,7 @@ if ($_SESSION["isVendor"] == true) {
?>
<tr class="tableView">
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product">
<img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product">
</td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
@ -656,7 +656,7 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
@ -983,24 +983,8 @@ if ($_SESSION["isVendor"] == true) {
}
function updateCompletedStatus(orderId, referenceNumber) {
login(email, password, async function(token) {
login(email, password, function(token) {
// const token = '<?php echo $_SESSION["token"] ?>';
const orderResponse = await fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`);
const orderData = await orderResponse.json();
const updatedDetails = orderData.payment.details.map(detail => ({
...detail,
attributes: {
...detail.attributes,
data: {
...detail.attributes.data,
attributes: {
...detail.attributes.data.attributes,
status: 'paid'
}
}
},
status: 'paid'
}));
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
method: 'PATCH',
headers: {
@ -1011,8 +995,7 @@ if ($_SESSION["isVendor"] == true) {
status: 'COMPLETED',
payment: {
status: 'PAID',
reference_number: orderData.payment.reference_number,
details: updatedDetails,
reference_number: referenceNumber
}
}),
})
@ -1022,7 +1005,7 @@ if ($_SESSION["isVendor"] == true) {
if (data && data !== "") {
// Update the status in the table without reloading the page
// document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
// location.reload();
location.reload();
} else {
alert('Failed to update order status');
@ -1086,7 +1069,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1110,7 +1093,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1136,7 +1119,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1162,7 +1145,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1188,7 +1171,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1243,7 +1226,7 @@ if ($_SESSION["isVendor"] == true) {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1281,7 +1264,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1303,7 +1286,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1325,7 +1308,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1347,7 +1330,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1371,7 +1354,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1386,7 +1369,7 @@ if ($_SESSION["isVendor"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -159,7 +159,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-vendor-block">
<!-- <div class="ec-vendor-block-bg"></div>
<div class="ec-vendor-block-detail">
<img loading="lazy" class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
<img class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
<h5>Mariana Johns</h5>
</div> -->
<?php include 'user-profile-tabs.php' ?>
@ -183,7 +183,7 @@ if ($_SESSION["isVendor"] == true) {
<?php
$customer_image = isset($customer_data[0]['customer_image']) ? $customer_data[0]['customer_image'] : 'https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg';
?>
<img loading="lazy" class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
<img class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
<h5 class="name"><?php echo $customer_data[0]['first_name'] ?> <?php echo $customer_data[0]['last_name'] ?></h5>
</div>
</div>
@ -250,7 +250,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="modal-dialog modal-dialog-centered modal-sm" role="document" style="max-width: 800px;">
<div class="modal-content">
<div class="modal-body" style="overflow-y: auto; max-height: 90vh;">
<button type="button" class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#secondModal">Add New Address</button>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#secondModal">Add New Address</button>
<!-- Display a list of addresses and let the user choose -->
<form id="addressForm">
@ -362,7 +362,7 @@ if ($_SESSION["isVendor"] == true) {
<label for="addressCountry" class="text-dark font-weight-medium pt-3 mb-2">Country</label>
<input type="text" class="form-control" id="addressCountry" >
</div>
<button type="button" class="btn btn-primary mt-4" id="submitBtn">Submit</button>
<button type="button" class="btn btn-primary" id="submitBtn">Submit</button>
</form>
@ -447,7 +447,7 @@ if ($_SESSION["isVendor"] == true) {
<label for="addressCountry2" class="text-dark font-weight-medium pt-3 mb-2">Country</label>
<input type="text" class="form-control" id="addressCountry2">
</div>
<button type="button" class="btn btn-primary mt-4" id="submitBtn2">Submit</button>
<button type="button" class="btn btn-primary" id="submitBtn2">Submit</button>
</form>
</div>
@ -1142,7 +1142,7 @@ if ($_SESSION["isVendor"] == true) {
</div> -->
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<!-- <img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src=<?php echo $customer_data[0]['customer_image'] ?> alt="edit" /> -->
<!-- <img class="image-thumb-preview ec-image-preview v-img" src=<?php echo $customer_data[0]['customer_image'] ?> alt="edit" /> -->
</div>
</div>
</div>
@ -1158,7 +1158,7 @@ if ($_SESSION["isVendor"] == true) {
<?php
$customer_image = isset($customer_data[0]['customer_image']) ? $customer_data[0]['customer_image'] : 'https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg';
?>
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src=<?php echo $customer_image ?> alt="edit" />
<img class="image-thumb-preview ec-image-preview v-img" src=<?php echo $customer_image ?> alt="edit" />
</div>
</div>
</div>
@ -1284,7 +1284,7 @@ if ($_SESSION["isVendor"] == true) {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1322,7 +1322,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1344,7 +1344,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1366,7 +1366,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1388,7 +1388,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1412,7 +1412,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1427,7 +1427,7 @@ if ($_SESSION["isVendor"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -239,7 +239,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-vendor-block">
<!-- <div class="ec-vendor-block-bg"></div>
<div class="ec-vendor-block-detail">
<img loading="lazy" class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
<img class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
<h5>Mariana Johns</h5>
</div> -->
@ -250,7 +250,7 @@ if ($_SESSION["isVendor"] == true) {
<?php
$customer_image = isset($customer_data[0]['customer_image']) ? $customer_data[0]['customer_image'] : 'https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg';
?>
<img loading="lazy" class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
<img class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
</div>
<?php include 'user-profile-tabs.php' ?>
</div>
@ -382,14 +382,14 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@ -455,14 +455,14 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@ -528,14 +528,14 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@ -601,14 +601,14 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td>
<span class="tbl-btn">
@ -677,14 +677,14 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td>
<span class="tbl-btn">
@ -752,14 +752,14 @@ if ($_SESSION["isVendor"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td>
<span class="tbl-btn">
@ -1047,7 +1047,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1060,7 +1060,7 @@ if ($_SESSION["isVendor"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:auto;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:auto;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1078,7 +1078,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1091,7 +1091,7 @@ if ($_SESSION["isVendor"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1109,7 +1109,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1122,7 +1122,7 @@ if ($_SESSION["isVendor"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1140,7 +1140,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1153,7 +1153,7 @@ if ($_SESSION["isVendor"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1171,7 +1171,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
</a>
</div>
<div class="col-md-6" style="margin:auto;">
@ -1184,7 +1184,7 @@ if ($_SESSION["isVendor"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1230,7 +1230,7 @@ if ($_SESSION["isVendor"] == true) {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1268,7 +1268,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1290,7 +1290,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1312,7 +1312,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1334,7 +1334,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1358,7 +1358,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1373,7 +1373,7 @@ if ($_SESSION["isVendor"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -150,11 +150,11 @@ $products = productList();
<!-- 03-12-2024 Stacy added placeholder for vendor profile -->
<?php
if (!empty($vendorData['vendor_image'])) { ?>
<img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<?php } else { ?>
<img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<?php } ?>
<!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
</div>
<!-- <div class="ec-vendor-block-items">
@ -226,20 +226,20 @@ $products = productList();
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" style="margin-top:8px;" class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
<img style="margin-top:8px;" class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img loading="lazy" style="margin-top:8px;" class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<img style="margin-top:8px;" class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <?php
if (isset($product['product_image']) && !empty($product['product_image'])) {
echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
} else {
echo '<img loading="lazy" src="admin/assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
echo '<img src="admin/assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
}
?> -->
</td>
@ -444,7 +444,7 @@ $products = productList();
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -482,7 +482,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -504,7 +504,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -526,7 +526,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -548,7 +548,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -572,7 +572,7 @@ $products = productList();
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -587,7 +587,7 @@ $products = productList();
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -142,11 +142,11 @@ $array = json_decode($result, true);
<?php
if (isset($array['items'][0]['product']['product_image'])) {
?>
<img loading="lazy" class="ec-image-preview" src="<?php echo $array['items'][0]['product']['product_image']; ?>" alt="edit" />
<img class="ec-image-preview" src="<?php echo $array['items'][0]['product']['product_image']; ?>" alt="edit" />
<?php
} else {
?>
<img loading="lazy" class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
<img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
<?php
}
?>
@ -303,7 +303,7 @@ $array = json_decode($result, true);
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -341,7 +341,7 @@ $array = json_decode($result, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -363,7 +363,7 @@ $array = json_decode($result, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -385,7 +385,7 @@ $array = json_decode($result, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -407,7 +407,7 @@ $array = json_decode($result, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -431,7 +431,7 @@ $array = json_decode($result, true);
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -446,7 +446,7 @@ $array = json_decode($result, true);
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -157,13 +157,13 @@ if ($_SESSION["isCustomer"] == true) {
<?php } ?>
<!-- <div class="ec-vendor-block-bg" style="background-image: url(<?php #echo $vendorData['vendor_banner'] ?>) !important;"></div> -->
<div class="ec-vendor-block-detail">
<!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<!-- 03-12-2024 Stacy added placeholder for vendor profile -->
<?php
if (!empty($vendorData['vendor_image'])) { ?>
<img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<?php } else { ?>
<img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<?php } ?>
<h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
</div>
@ -253,20 +253,20 @@ if ($_SESSION["isCustomer"] == true) {
# 03-11-2024 Stacy modified
if (isset($orderItems['items'][0]['product']['product_image'])) {
?>
<img loading="lazy" class="prod-img" src="<?php echo $orderItems['items'][0]['product']['product_image']; ?>" alt="edit" />
<img class="prod-img" src="<?php echo $orderItems['items'][0]['product']['product_image']; ?>" alt="edit" />
<?php
} else {
?>
<img loading="lazy" class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<img class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <?php
if (isset($item['product']['product_image']) && !empty($item['product']['product_image'])) {
echo '<img loading="lazy" src="' . $item['product']['product_image'] . '" alt="Product Image" class="prod-img">';
echo '<img src="' . $item['product']['product_image'] . '" alt="Product Image" class="prod-img">';
} else {
echo '<img loading="lazy" src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image">';
echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image">';
}
?> -->
</td>
@ -450,21 +450,21 @@ if ($_SESSION["isCustomer"] == true) {
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
<img class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img loading="lazy" class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<img class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <?php
if (isset($product['product_image']) && !empty($product['product_image'])) {
echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
} else {
echo '<img loading="lazy" src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
}
?> -->
</td>
@ -516,36 +516,36 @@ if ($_SESSION["isCustomer"] == true) {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -638,7 +638,7 @@ if ($_SESSION["isCustomer"] == true) {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -676,7 +676,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -698,7 +698,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -720,7 +720,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -742,7 +742,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -766,7 +766,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -781,7 +781,7 @@ if ($_SESSION["isCustomer"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -107,7 +107,7 @@ $products = productList();
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/6_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
<span class="cart-price"><span>$76.00</span> x 1</span>
@ -118,7 +118,7 @@ $products = productList();
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/12_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
<span class="cart-price"><span>$64.00</span> x 1</span>
@ -129,7 +129,7 @@ $products = productList();
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy" src="assets/images/product-image/3_1.jpg" alt="product"></a>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
<span class="cart-price"><span>$59.00</span> x 1</span>
@ -218,9 +218,9 @@ $products = productList();
<a href="catalog-single-vendor.php?id=<?php echo $vendor['_id'] ?>"></a>
<?php
if(!isset($vendor['vendor_image'])){
?><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
?><img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
}else{
?><img loading="lazy" src="<?php echo $vendor['vendor_image'] ?>" alt="vendor img"><?php
?><img src="<?php echo $vendor['vendor_image'] ?>" alt="vendor img"><?php
}
?>
</div>
@ -322,36 +322,36 @@ $products = productList();
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -444,7 +444,7 @@ $products = productList();
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -482,7 +482,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -504,7 +504,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -526,7 +526,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -548,7 +548,7 @@ $products = productList();
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -572,7 +572,7 @@ $products = productList();
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -587,7 +587,7 @@ $products = productList();
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -171,11 +171,11 @@ if ($_SESSION["isCustomer"] == true) {
<div class="ec-vendor-block-detail">
<?php
if (!empty($vendorData['vendor_image'])) { ?>
<img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<?php } else { ?>
<img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<?php } ?>
<!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
</div>
<!-- <div class="ec-vendor-block-items">
@ -488,10 +488,10 @@ if ($_SESSION["isCustomer"] == true) {
console.log(response);
var paymentId = response.payment.reference_number;
$('#paymentIdSpan').text(paymentId);
var gross_price = (response.payment.details[0]?.attributes.data.attributes.amount / 100).toFixed(2);
var gross_price = response.payment.details[0]?.attributes.data.attributes.amount;
var payment_status = response.payment.status;
var fee = response.payment.details[0]?.attributes.data.attributes.fee;
var net_amount = (response.payment.details[0]?.attributes.data.attributes.payments[0].attributes.net_amount / 100).toFixed(2);
var net_amount = response.payment.details[0]?.attributes.data.attributes.payments[0].attributes.net_amount;
var desc = response.items[0].product.name;
var method = response.payment_method;
var name = response.billing_address.billing_first_name + " " + response.billing_address.billing_last_name;
@ -522,7 +522,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex justify-content-between p-2">
<div class="fw-bold">Gross Amount</div>
<div> ${gross_price}</div>
<div> ${net_amount}</div>
</div>
<div class="d-flex justify-content-between p-2" style="border-bottom: 1px solid #000;">
<div class="fw-bold"> Fees <span data-bs-toggle="tooltip" data-bs-placement="top"
@ -532,7 +532,7 @@ if ($_SESSION["isCustomer"] == true) {
</div>
<div class="d-flex justify-content-between p-2">
<div class="fw-bold"> Net Amount</div>
<div> ${net_amount} </div>
<div> ${gross_price} </div>
</div>
<div class="d-flex p-2">
<div class="fw-bold"> Payment Description </div>
@ -598,7 +598,7 @@ if ($_SESSION["isCustomer"] == true) {
</div>
<div class="d-flex justify-content-between p-2">
<div class="fw-bold"> Net Amount</div>
<div> ${net_amount} </div>
<div> ${gross_price} </div>
</div>
<div class="d-flex p-2">
<div class="fw-bold"> Payment Description </div>
@ -701,7 +701,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -723,7 +723,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -745,7 +745,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -767,7 +767,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -791,7 +791,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -806,7 +806,7 @@ if ($_SESSION["isCustomer"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -84,24 +84,6 @@ $vendorPayoutData = json_decode($response, true);
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@latest/dist/css/select2.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@latest/dist/js/select2.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
function renewToken() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "vendor-payoutsTokenRN.php", true);
xhr.send();
}
setInterval(function() {
var currentTime = <?php echo time(); ?>;
var renewalTime = <?php echo $renewal_time; ?>;
var expirationTime = <?php echo $expiration_time; ?>;
if (currentTime >= renewalTime || currentTime >= expirationTime) {
renewToken();
}
}, 60000);
</script>
</head>
<body class="shop_page">
@ -169,7 +151,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="ec-vendor-card-body">
<div class="row">
<div class="col-md-12 mb-5">
<div class="col-md-4 mb-5">
<div class="panel panel-primary">
<div class="panel-heading">
<h5 class="panel-title"><strong>Upcoming Payout</strong></h5>
@ -185,9 +167,9 @@ $vendorPayoutData = json_decode($response, true);
foreach ($upcomingPayout as $x => $val) {
$paymentStatus = strtolower($val['payment']['status']);
$orderStatus = strtolower($val['status']);
$orderStatus = $val['status'];
$payoutStatus = empty($val['payout_status']);
if(( $paymentStatus == "paid") && ( $orderStatus == "completed") && ($payoutStatus == true)){
if(( $paymentStatus == "paid") && ( $orderStatus == "COMPLETED") && ($payoutStatus == true)){
$orderAmount = $val['total_amount'];
$payoutSum += $orderAmount;
}
@ -219,8 +201,7 @@ $vendorPayoutData = json_decode($response, true);
</div>
</div>
</div>
<!-- ADDITIONAL PANELS FOR PAYOUTS FOR FUTURE USE, DO NOT REMOVE -->
<!-- <div class="col-md-4 mb-5">
<div class="col-md-4 mb-5">
<div class="panel panel-primary">
<div class="panel-heading">
<h5 class="panel-title"><strong>Payout Generation Schedule</strong></h5>
@ -261,19 +242,19 @@ $vendorPayoutData = json_decode($response, true);
</strong>
</div>
</h4>
<- <div class="text-sm mt-3">
<!-- <div class="text-sm mt-3">
Payout Generation: Tue, Mar 25, 2024
</div>
<div class="text-sm">
Receive Payout on or before: Wed, Mar 26, 2024
</div> -
</div> -->
<div class="text-sm">
Receipient: Philippine National Bank (PNB) Account ending in <php echo $bankNumEnding?>
Receipient: Philippine National Bank (PNB) Account ending in <?php echo $bankNumEnding?>
</div>
</div>
</div>
</div>
</div> -->
</div>
<div class="col-md-12 mt-3">
<h5 class='m-0'><strong>Payout History</strong></h5>
<div class="table-responsive px-4">
@ -339,7 +320,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="modal-dialog modal-xl" style="min-width: 90%;">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title fs-5" id="payoutsModalLabel">Payout ID: <span id="payoutIdSpan"></span></h5>
<h5 class="modal-title fs-5" id="payoutsModalLabel">Payment ID: <span id="payoutIdSpan"></span></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@ -367,7 +348,7 @@ $vendorPayoutData = json_decode($response, true);
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class=" recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -405,7 +386,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -427,7 +408,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -449,7 +430,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -471,7 +452,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -495,7 +476,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -510,7 +491,7 @@ $vendorPayoutData = json_decode($response, true);
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">
@ -617,7 +598,6 @@ $vendorPayoutData = json_decode($response, true);
console.log(response);
var grossAmount = response.gross_amount;
var totalFees = response.fees_deduction_adjustment;
var feeBreakdown = response.breakdown[0].transfer_fee;
var netAmount = response.net_amount;
var payoutStatus = response.status;
payoutStatus = payoutStatus.charAt(0).toUpperCase() + payoutStatus.slice(1).toLowerCase();
@ -631,19 +611,12 @@ $vendorPayoutData = json_decode($response, true);
{
var paymentType = log.Type;
var transDate = new Date(log?.Transaction_date).toLocaleString('en-US', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: 'numeric',
minute: '2-digit',
hour12: true
});
var transDate = log?.Transaction_date;
var transGrossAmount = log?.Gross_Amount;
var transFee = log.Fee;
var transNetAmount = log?.Net_Amount;
var transDesc = log.Description;
// Append HTML for current transaction log to the transactionLogsHtml string
transactionLogsHtml += `
<tr>
@ -677,7 +650,7 @@ $vendorPayoutData = json_decode($response, true);
<div class="fw-bold"> Fees, Deductions, Adjustments
</div>
<div> - ${totalFees} (${feeBreakdown})</div>
<div> - ${totalFees}</div>
</div>
<div class="d-flex justify-content-between p-2">
<div class="fw-bold"> Net Amount</div>

View File

@ -66,7 +66,7 @@
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
@ -78,7 +78,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/12_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
@ -90,7 +90,7 @@
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img loading="lazy"
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
@ -187,7 +187,7 @@
<div class="ec-vendor-block-img space-bottom-30">
<div class="ec-vendor-block-bg"></div>
<div class="ec-vendor-block-detail">
<img loading="lazy" class="v-img" src="assets/images/vendor/5.jpg" alt="vendor image">
<img class="v-img" src="assets/images/vendor/5.jpg" alt="vendor image">
<h5 class="name">Neon Fashion</h5>
<p>( Retail Business )</p>
</div>
@ -270,36 +270,36 @@
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -397,7 +397,7 @@
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -436,7 +436,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon"></span>
</div>
@ -460,7 +460,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-online"></span>
</div>
@ -484,7 +484,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -508,7 +508,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
alt="Profile image">
<span class="ec-status-icon ec-offline"></span>
</div>
@ -533,7 +533,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -548,7 +548,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -252,11 +252,11 @@ if ($_SESSION["isCustomer"] == true) {
<div class="ec-vendor-block-detail">
<?php
if (!empty($vendorData['vendor_image'])) { ?>
<img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<?php } else { ?>
<img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<?php } ?>
<!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
</div>
<!-- <div class="ec-vendor-block-items">
@ -354,14 +354,14 @@ if ($_SESSION["isCustomer"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@ -421,14 +421,14 @@ if ($_SESSION["isCustomer"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView">
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['price']; ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['total_amount'] ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<td>
<span class="tbl-btn">
@ -492,14 +492,14 @@ if ($_SESSION["isCustomer"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@ -558,14 +558,14 @@ if ($_SESSION["isCustomer"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView">
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['price']; ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['total_amount'] ?></span></td>
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<td>
<span class="tbl-btn">
@ -627,14 +627,14 @@ if ($_SESSION["isCustomer"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td>
<span class="tbl-btn">
@ -696,14 +696,14 @@ if ($_SESSION["isCustomer"] == true) {
$jsonorder = json_encode($order);
?>
<tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
<td><img loading="lazy" class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
<td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
<td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
<td><span><?php echo $order['items'][0]['price']; ?></span></td>
<td><span><?php echo $order['total_amount'] ?></span></td>
<td><span><?php echo $order['return_order']['status']; ?></span></td>
<!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
<td><img loading="lazy" class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
<td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
<!-- <td>
<span class="tbl-btn">
@ -1083,7 +1083,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
alt="product" />
</a>
</div>
@ -1097,7 +1097,7 @@ if ($_SESSION["isCustomer"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1115,7 +1115,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
alt="product" />
</a>
</div>
@ -1129,7 +1129,7 @@ if ($_SESSION["isCustomer"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1147,7 +1147,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
alt="product" />
</a>
</div>
@ -1161,7 +1161,7 @@ if ($_SESSION["isCustomer"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1179,7 +1179,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
alt="product" />
</a>
</div>
@ -1193,7 +1193,7 @@ if ($_SESSION["isCustomer"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1211,7 +1211,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="row pt-3">
<div class="col-md-6">
<a href="${jsonObject.items[0].product.product_image}" target="_blank">
<img loading="lazy" class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
<img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}"
alt="product" />
</a>
</div>
@ -1225,7 +1225,7 @@ if ($_SESSION["isCustomer"] == true) {
<li class="fs-6"><b>Refund Proof:</b></li>
<li class="fs-6 pl-3">
<a href="${jsonObject.return_order.image}" target="_blank">
<img loading="lazy" class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
<img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
</a>
</li>
<li class="fs-6"><b>Date:</b> ${formattedDate}</li>
@ -1273,7 +1273,7 @@ if ($_SESSION["isCustomer"] == true) {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1311,7 +1311,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1333,7 +1333,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1355,7 +1355,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1377,7 +1377,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1401,7 +1401,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1416,7 +1416,7 @@ if ($_SESSION["isCustomer"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -241,7 +241,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -263,7 +263,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -285,7 +285,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -307,7 +307,7 @@
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -331,7 +331,7 @@
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -346,7 +346,7 @@
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -21,12 +21,6 @@ if ($_SESSION["userId"] <> "") {
$_SESSION["isLoggedIn"] = false;
header("location: login.php");
}
if ($_SESSION["isCustomer"] == true) {
header("location: user-profile.php");
}
?>
<!DOCTYPE html>
<html lang="en">
@ -192,13 +186,13 @@ if ($_SESSION["isCustomer"] == true) {
<!-- 02-26-2024 Stacy added placeholder-->
<?php
if (!empty($vendorData['vendor_image'])) { ?>
<img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<?php } else { ?>
<img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<?php } ?>
<!-- $vendor_image = isset($vendorData[0]['vendor_image']) ? $vendorData[0]['vendor_image'] : 'https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg'; -->
<!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
<h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
</div>
</div>
@ -226,7 +220,7 @@ if ($_SESSION["isCustomer"] == true) {
</div>
<div class="col-md-6 col-sm-12">
<div class="ec-vendor-detail-block ec-vendor-block-contact space-bottom-30">
<h6>Contact nubmer</h6>
<h6>Contact number</h6>
<ul>
<li style="padding:3%"><strong><?php echo $vendorData["phone"] ?></strong></li>
</ul>
@ -239,9 +233,6 @@ if ($_SESSION["isCustomer"] == true) {
<div class="shipping">
<?php foreach ($vendorData['address'] as $address) : ?>
<?php if ($address['shipping']) : ?>
<div>
<span style="font-size:16px;font-weight:800;">Shipping Address:</span>
</div>
<div class="sName">
<span>Name:
<span id="selectedFName"><?php echo $address['first_name']; ?></span>
@ -264,34 +255,6 @@ if ($_SESSION["isCustomer"] == true) {
<?php endif; ?>
<?php endforeach; ?>
</div>
<div class="billing">
<?php foreach ($vendorData['address'] as $address) : ?>
<?php if ($address['billing']) : ?>
<div>
<span style="font-size:16px;font-weight:800;">Billing Address:</span>
</div>
<div class="sName">
<span>Name:
<span id="selectedBillingFName"><?php echo $address['first_name']; ?></span>
<span id="selectedBillingLName"> <?php echo $address['last_name']; ?></span>
</span>
</div>
<div class="sContact">
<span id="selectedBillingContact">Contact #: <?php echo $address['phone']; ?></span>
</div>
<div class="sAddress">
<span>Address:
<span id="sBillingBuilding"><?php echo $address['address_1']; ?></span>
<span id="sBillingStreet"><?php echo $address['address_2']; ?></span>
<span id="sBillingBarangay"><?php echo $address['barangay']; ?></span>
<span id="sBillingCity"><?php echo $address['city']; ?></span>
<span id="sBillingProvince"><?php echo $address['province']; ?></span>
<span id="sBillingCountry"><?php echo $address['country']; ?></span>
</span>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
@ -335,7 +298,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="modal-dialog modal-dialog-centered modal-sm" role="document" style="max-width: 800px;">
<div class="modal-content">
<div class="modal-body" style="overflow-y: auto; max-height: 90vh;">
<button type="button" class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#secondModal">Add New Address</button>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#secondModal">Add New Address</button>
<!-- Display a list of addresses and let the user choose -->
<form id="addressForm">
@ -451,7 +414,7 @@ if ($_SESSION["isCustomer"] == true) {
<label for="addressCountry" class="text-dark font-weight-medium pt-3 mb-2">Country</label>
<input type="text" class="form-control" id="addressCountry">
</div>
<button type="button" class="btn btn-primary mt-4" id="submitBtn">Submit</button>
<button type="button" class="btn btn-primary" id="submitBtn">Submit</button>
</form>
@ -536,7 +499,7 @@ if ($_SESSION["isCustomer"] == true) {
<label for="addressCountry2" class="text-dark font-weight-medium pt-3 mb-2">Country</label>
<input type="text" class="form-control" id="addressCountry2">
</div>
<button type="button" class="btn btn-primary mt-4" id="submitBtn2">Submit</button>
<button type="button" class="btn btn-primary" id="submitBtn2">Submit</button>
</form>
</div>
@ -550,7 +513,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="modal-dialog modal-dialog-centered modal-sm" role="document" style="max-width: 800px;">
<div class="modal-content">
<div class="modal-body" style="overflow-y: auto; max-height: 90vh;">
<button type="button" class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#secondBankModal">Add New Bank</button>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#secondBankModal">Add New Bank</button>
<!-- Display a list of banks and let the user choose -->
<form id="BankForm">
@ -561,19 +524,17 @@ if ($_SESSION["isCustomer"] == true) {
<div class="card-body">
<div class="container">
<div class="row">
<div class="col-md-12 mx-auto">
<div class="form-check" style="display: flex; align-items: center;">
<label class="form-check-label" for="address_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>">
<strong style="font-weight: bold;">Bank Name: </strong><?php echo $bank['bank_name']; ?> <br>
<strong style="font-weight: bold;">Bank Account Number: </strong><?php echo $bank['bank_account_number']; ?> <br>
<strong style="font-weight: bold;">Bank Account Name: </strong><?php echo $bank['bank_account_name']; ?>
</label>
<div class="selectWrap" style="margin-left: auto; display: flex; align-items: center;">
<input type="radio" style="height:15px !important; width: 15px !important;" name="payout_bank" id="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" value="<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" onchange="setPayoutBank('<?php echo $vendor['_id']; ?>', <?php echo $bank_index; ?>, true)" <?php echo $bank['bank_payout'] ? 'checked' : ''; ?>>
<label for="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" style="margin-bottom: 0; margin-left: 5px;">Set as Payout Bank</label>
</div>
</div>
</div>
<div class="col-md-12 mx-auto">
<label class="form-check-label" for="address_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>">
<strong style="font-weight: bold;">Bank Name: </strong><?php echo $bank['bank_name']; ?> <br>
<strong style="font-weight: bold;">Bank Account Number: </strong><?php echo $bank['bank_account_number']; ?> <br>
<strong style="font-weight: bold;">Bank Account Name: </strong><?php echo $bank['bank_account_name']; ?>
<div class="selectWrap" style="display: flex; justify-content: center; align-items: center; width: 50%;">
<input type="radio" name="payout_bank" id="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" value="<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>" onchange="setPayoutBank('<?php echo $vendor['_id']; ?>', <?php echo $bank_index; ?>, true)" <?php echo $bank['bank_payout'] ? 'checked' : ''; ?>>
<label for="payout_bank_<?php echo $vendor_index; ?>_<?php echo $bank_index; ?>">Set as Payout Bank</label>
</div>
</label>
</div>
</div>
</div>
@ -604,7 +565,7 @@ if ($_SESSION["isCustomer"] == true) {
<input type="text" class="form-control" id="bankAccountName">
</div>
<button type="button" class="btn btn-primary mt-4" id="submitBankBtn">Add Bank</button>
<button type="button" class="btn btn-primary" id="submitBankBtn">Add Bank</button>
</form>
@ -687,7 +648,7 @@ if ($_SESSION["isCustomer"] == true) {
})
.then(response => {
if (response.ok) {
location.reload();
// location.reload();
// filter the delete action
document.getElementById('form-check-' + addressIndex).remove();
} else {
@ -975,66 +936,62 @@ if ($_SESSION["isCustomer"] == true) {
});
$('#submitBtn').on('click', function() {
console.log('clickkkkkkkk')
fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid)
.then(response => response.json())
.then(data => {
const existingAddresses = data.address || [];
console.log('clickkkkkkkk')
fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid)
.then(response => response.json())
.then(data => {
const existingAddresses = data.address || [];
const firstName = $('#addressFirstName').val();
const lastName = $('#addressLastName').val();
const contact = $('#addressContact').val();
const buildingNumber = $('#addressBuilding').val();
const street = $('#addressStreet').val();
const province = $('#provinceSelect :selected').text();
const city = $('#citySelect :selected').text();
const barangay = $('#barangaySelect :selected').text();
const country = $('#addressCountry').val();
const firstName = $('#addressFirstName').val();
const lastName = $('#addressLastName').val();
const contact = $('#addressContact').val();
const buildingNumber = $('#addressBuilding').val();
const street = $('#addressStreet').val();
const province = $('#provinceSelect :selected').text();
const city = $('#citySelect :selected').text();
const barangay = $('#barangaySelect :selected').text();
const country = $('#addressCountry').val();
const newAddress = {
first_name: firstName,
last_name: lastName,
phone: contact,
address_1: buildingNumber,
address_2: street,
city: city,
province: province,
barangay: barangay,
country: country,
};
// Check if it's the first address
if (existingAddresses.length === 0) {
newAddress.shipping = true; // Set shipping to true
}
const newAddress = {
first_name: firstName,
last_name: lastName,
phone: contact,
address_1: buildingNumber,
address_2: street,
city: city,
province: province,
barangay: barangay,
country: country,
};
existingAddresses.push(newAddress);
return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid, {
method: 'PATCH',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
address: existingAddresses
}),
});
})
.then(response => {
if (response.ok) {
location.reload();
} else {
console.error('Failed to submit data');
alert('Failed to submit data');
}
})
.catch(error => {
console.error('Error:', error);
alert('Error submitting data');
});
});
existingAddresses.push(newAddress);
return fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/vendors/' + vendorid, {
method: 'PATCH',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
address: existingAddresses
}),
});
})
.then(response => {
if (response.ok) {
location.reload();
} else {
console.error('Failed to submit data');
alert('Failed to submit data');
}
})
.catch(error => {
console.error('Error:', error);
alert('Error submitting data');
});
});
});
@ -1217,27 +1174,6 @@ if ($_SESSION["isCustomer"] == true) {
if (!updateResponse.ok) {
throw new Error(`Failed to update address: ${updateResponse.status}`);
}
// console.log(`Address updated successfully for vendor ${vendorid}`);
const selectedBillingElement = document.getElementById('selectedBillingFName');
const selectedBillingLNameElement = document.getElementById('selectedBillingLName');
const selectedBillingContactElement = document.getElementById('selectedBillingContact');
const sBillingBuildingElement = document.getElementById('sBillingBuilding');
const sBillingStreetElement = document.getElementById('sBillingStreet');
const sBillingBarangayElement = document.getElementById('sBillingBarangay');
const sBillingCityElement = document.getElementById('sBillingCity');
const sBillingProvinceElement = document.getElementById('sBillingProvince');
const sBillingCountryElement = document.getElementById('sBillingCountry');
if (selectedBillingElement) {
selectedBillingElement.textContent = vendorsData.address[addressIndex].first_name;
selectedBillingLNameElement.textContent = vendorsData.address[addressIndex].last_name;
selectedBillingContactElement.textContent = 'Contact #: ' + vendorsData.address[addressIndex].phone;
sBillingBuildingElement.textContent = vendorsData.address[addressIndex].address_1;
sBillingStreetElement.textContent = vendorsData.address[addressIndex].address_2;
sBillingBarangayElement.textContent = vendorsData.address[addressIndex].barangay;
sBillingCityElement.textContent = vendorsData.address[addressIndex].city;
sBillingProvinceElement.textContent = vendorsData.address[addressIndex].province;
sBillingCountryElement.textContent = vendorsData.address[addressIndex].country;
}
console.log(`Address updated successfully for vendor ${vendorid}`);
} catch (error) {
console.error('Error updating address:', error.message);
@ -1395,7 +1331,7 @@ if ($_SESSION["isCustomer"] == true) {
$banner_style2 = 'background-color: orange !important; background-image: none !important; width: 100% !important; height: 200px !important; background-size: cover !important; background-position: center !important; border-radius: 5px !important;';
echo '<div class="image-thumb-preview ec-image-preview v-img" style="' . $banner_style2 . '"></div>';
} else {
echo '<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="' . $vendorData['vendor_banner'] . '" alt="edit" />';
echo '<img class="image-thumb-preview ec-image-preview v-img" src="' . $vendorData['vendor_banner'] . '" alt="edit" />';
}
?>
</div>
@ -1411,9 +1347,9 @@ if ($_SESSION["isCustomer"] == true) {
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<?php if (!empty($vendorData['vendor_image'])): ?>
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="<?php echo $vendorData['vendor_image']; ?>" alt="edit" />
<img class="image-thumb-preview ec-image-preview v-img" src="<?php echo $vendorData['vendor_image']; ?>" alt="edit" />
<?php else: ?>
<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="edit" />
<img class="image-thumb-preview ec-image-preview v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="edit" />
<?php endif; ?>
</div>
</div>
@ -1678,7 +1614,7 @@ if ($_SESSION["isCustomer"] == true) {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -1716,7 +1652,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1738,7 +1674,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1760,7 +1696,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1782,7 +1718,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1806,7 +1742,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1821,7 +1757,7 @@ if ($_SESSION["isCustomer"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -131,14 +131,14 @@ if ($_SESSION["isCustomer"] == true) {
<!-- <div class="ec-vendor-block-bg" style="background-image: url(<?php #echo $vendorData['vendor_banner']
?>) !important;"></div> -->
<div class="ec-vendor-block-detail">
<!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image']
<!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image']
?> alt="vendor image"> -->
<!-- 03-12-2024 Stacy added placeholder for vendor profile -->
<?php
if (!empty($vendorData['vendor_image'])) { ?>
<img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
<?php } else { ?>
<img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
<?php } ?>
<h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
</div>
@ -177,12 +177,12 @@ if ($_SESSION["isCustomer"] == true) {
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
<img class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img loading="lazy" class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
<img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
<?php
}
?>
@ -205,7 +205,7 @@ if ($_SESSION["isCustomer"] == true) {
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview" src="<?php echo $image_url; ?>" alt="edit" />
<img class="image-thumb-preview ec-image-preview" src="<?php echo $image_url; ?>" alt="edit" />
<button class="delete-image-button" onclick="deleteImage('<?php echo $array['_id']; ?>', <?php echo $index; ?>)">Delete</button>
</div>
</div>
@ -221,7 +221,7 @@ if ($_SESSION["isCustomer"] == true) {
</div>
<div class="thumb-preview ec-preview">
<div class="image-thumb-preview">
<img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
<img class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
</div>
</div>
</div>
@ -790,36 +790,36 @@ if ($_SESSION["isCustomer"] == true) {
<!-- 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="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<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 loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
<img 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="">
<img 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="">
<img 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="">
<img 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="">
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
</div>
</div>
</div>
@ -912,7 +912,7 @@ if ($_SESSION["isCustomer"] == true) {
<!-- raymart remove popup feb 20 2024 -->
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -950,7 +950,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -972,7 +972,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -994,7 +994,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1016,7 +1016,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -1040,7 +1040,7 @@ if ($_SESSION["isCustomer"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -1055,7 +1055,7 @@ if ($_SESSION["isCustomer"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">

View File

@ -151,7 +151,7 @@ if ($_SESSION["isVendor"] == true) {
<!-- <section class="labels section-space-p">
<div class="container">
<div class="row">
<img loading="lazy" src="./assets/images/comingsoon.png" alt="">
<img src="./assets/images/comingsoon.png" alt="">
</div>
</div>
</section> -->
@ -186,8 +186,8 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>" class="image">
<!-- <a href="shop-left-sidebar-col-4.php" class="image"> -->
<img loading="lazy" class="main-image" src="<?php echo $product["product_image"]; ?>" alt="Product" />
<!-- <img loading="lazy" class="hover-image" src="<?php echo $product["product_image"]; ?>" alt="Product" /> -->
<img class="main-image" src="<?php echo $product["product_image"]; ?>" alt="Product" />
<!-- <img class="hover-image" src="<?php echo $product["product_image"]; ?>" alt="Product" /> -->
</a>
<span class="ec-com-remove ec-remove-wishlist">
<a href="javascript:void(0)" class="remove-product" data-product-id="<?php echo $product["_id"]; ?>" id="removeItem<?php echo $product["_id"]; ?>">×</a>
@ -424,7 +424,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 15% off on branded Shoes</h2>
@ -441,7 +441,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 margin-b-30">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 30% off on branded chair</h2>
@ -458,7 +458,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="col-lg-4 col-md-6 col-sm-12 col-12 m-auto">
<div class="ec-offer-coupon">
<div class="ec-cpn-brand">
<img loading="lazy" class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
<img class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
</div>
<div class="ec-cpn-title">
<h2 class="coupon-title">Get 50% off on branded Hand Bags</h2>
@ -544,7 +544,7 @@ if ($_SESSION["isVendor"] == true) {
<!-- Recent Purchase Popup -->
<!-- <div class="recent-purchase">
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
<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>
@ -584,7 +584,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -606,7 +606,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -628,7 +628,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -650,7 +650,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="d-flex bd-highlight">
<!-- Profile Picture -->
<div class="ec-img-cont">
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
<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 -->
@ -674,7 +674,7 @@ if ($_SESSION["isVendor"] == true) {
<div class="ec-right-bottom">
<div class="ec-box">
<div class="ec-button rotateBackward">
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
</div>
</div>
</div>
@ -690,7 +690,7 @@ if ($_SESSION["isVendor"] == true) {
<h3>Features</h3>
</div>
<a href="#" class="ec-tools-sidebar-toggle in-out">
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
<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">