diff --git a/about-us.php b/about-us.php
index 7be0321..4c7807b 100644
--- a/about-us.php
+++ b/about-us.php
@@ -58,7 +58,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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 class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
+                            <img loading="lazy" 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">
@@ -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 alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/1.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -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 alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/2.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -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 alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/3.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -347,28 +347,28 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/1.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/1.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/2.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/2.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/3.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/3.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" 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 src="assets/images/instragram-image/5.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" 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 src="assets/images/instragram-image/6.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" 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 src="assets/images/instragram-image/7.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/7.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -438,7 +438,7 @@
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -477,7 +477,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png">
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png">
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/admin/header.php b/admin/header.php
index 49e0e23..1f2bdbe 100644
--- a/admin/header.php
+++ b/admin/header.php
@@ -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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+                        <img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+                            <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                    <img loading="lazy" 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">
diff --git a/admin/index.php b/admin/index.php
index e44f69b..1da4c50 100644
--- a/admin/index.php
+++ b/admin/index.php
@@ -96,12 +96,12 @@ 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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" 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>
 										</div>
@@ -166,7 +166,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 class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -191,7 +191,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 class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -216,7 +216,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 class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -382,7 +382,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 class="rounded-circle" src="assets/img/user/u6.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u6.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -407,7 +407,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 class="rounded-circle" src="assets/img/user/u7.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -432,7 +432,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 class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u1.jpg"
 																	alt="Image">
 																<span class="status active"></span>
 															</div>
@@ -457,7 +457,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 class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u2.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -482,7 +482,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 class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" class="rounded-circle" src="assets/img/user/u5.jpg"
 																	alt="Image">
 																<span class="status away"></span>
 															</div>
@@ -1115,7 +1115,7 @@ date_default_timezone_set('Asia/Manila');
 												<td>
 													<div class="media">
 														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
+															<a href="profile.html"><img loading="lazy"
 																	class="profile-img rounded-circle w-45"
 																	src="assets/img/user/u1.jpg"
 																	alt="customer image"></a>
@@ -1136,7 +1136,7 @@ date_default_timezone_set('Asia/Manila');
 												<td>
 													<div class="media">
 														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
+															<a href="profile.html"><img loading="lazy"
 																	class="profile-img rounded-circle w-45"
 																	src="assets/img/user/u2.jpg"
 																	alt="customer image"></a>
@@ -1157,7 +1157,7 @@ date_default_timezone_set('Asia/Manila');
 												<td>
 													<div class="media">
 														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
+															<a href="profile.html"><img loading="lazy"
 																	class="profile-img rounded-circle w-45"
 																	src="assets/img/user/u3.jpg"
 																	alt="customer image"></a>
@@ -1178,7 +1178,7 @@ date_default_timezone_set('Asia/Manila');
 												<td>
 													<div class="media">
 														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
+															<a href="profile.html"><img loading="lazy"
 																	class="profile-img rounded-circle w-45"
 																	src="assets/img/user/u4.jpg"
 																	alt="customer image"></a>
@@ -1199,7 +1199,7 @@ date_default_timezone_set('Asia/Manila');
 												<td>
 													<div class="media">
 														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
+															<a href="profile.html"><img loading="lazy"
 																	class="profile-img rounded-circle w-45"
 																	src="assets/img/user/u5.jpg"
 																	alt="customer image"></a>
@@ -1220,7 +1220,7 @@ date_default_timezone_set('Asia/Manila');
 												<td>
 													<div class="media">
 														<div class="media-image mr-3 rounded-circle">
-															<a href="profile.html"><img
+															<a href="profile.html"><img loading="lazy"
 																	class="profile-img rounded-circle w-45"
 																	src="assets/img/user/u3.jpg"
 																	alt="customer image"></a>
@@ -1269,7 +1269,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 src="assets/img/products/p1.jpg" alt="customer image"></a>
+											<a href="#"><img loading="lazy" 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 +1287,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 src="assets/img/products/p2.jpg" alt="customer image"></a>
+											<a href="#"><img loading="lazy" 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 +1305,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 src="assets/img/products/p3.jpg" alt="customer image"></a>
+											<a href="#"><img loading="lazy" 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="#">
diff --git a/admin/left-main-sidebar.php b/admin/left-main-sidebar.php
index e5c14bc..a3c14c7 100644
--- a/admin/left-main-sidebar.php
+++ b/admin/left-main-sidebar.php
@@ -13,7 +13,7 @@
 
 				<div class="ec-brand">
 					<a href="index.php" title="Ekka">
-						<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+						<img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
 						<span class="ec-brand-name text-truncate">oBanana</span>
 					</a>
 				</div>
diff --git a/admin/login.php b/admin/login.php
index 4577757..848834e 100644
--- a/admin/login.php
+++ b/admin/login.php
@@ -47,7 +47,7 @@ if ($_SESSION["isLoggedIn"] == true and $_SESSION["user_type"] == "admin"){
 
                 <div class="ec-brand">
                     <a href="index.php" title="Ekka">
-                        <img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+                        <img loading="lazy" class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
                         <span class="ec-brand-name text-truncate">oBanana</span>
                     </a>
                 </div>
diff --git a/admin/order-history.php b/admin/order-history.php
index f3b9085..1fcec6e 100644
--- a/admin/order-history.php
+++ b/admin/order-history.php
@@ -137,7 +137,7 @@ $allorders = json_encode($orders, true);
 																		</div>
 																		<div class="form-group">
 																			<label for="return_image-<?php echo $order['_id']; ?>">Refund Image:</label>
-																			<img class="form-control" id="return_image-<?php echo $order['_id']; ?>" src="<?php echo $order['return_order']['image']; ?>">
+																			<img loading="lazy" 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>
diff --git a/admin/product-add.bak.php b/admin/product-add.bak.php
index a726648..b99eb22 100644
--- a/admin/product-add.bak.php
+++ b/admin/product-add.bak.php
@@ -48,7 +48,7 @@
 
 				<div class="ec-brand">
 					<a href="index.php" title="Ekka">
-						<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+						<img loading="lazy" 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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" 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
+															<label for="imageUpload"><img loading="lazy"
 																	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 class="ec-image-preview"
+																<img loading="lazy" 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
+																<label for="imageUpload"><img loading="lazy"
 																		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 class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" 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
+																<label for="imageUpload"><img loading="lazy"
 																		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 class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" 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
+																<label for="imageUpload"><img loading="lazy"
 																		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 class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" 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
+																<label for="imageUpload"><img loading="lazy"
 																		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 class="image-thumb-preview ec-image-preview"
+																	<img loading="lazy" class="image-thumb-preview ec-image-preview"
 																		src="assets/img/products/vender-upload-thumb-preview.jpg"
 																		alt="edit" />
 																</div>
diff --git a/admin/product-edit.php b/admin/product-edit.php
index 1b25475..0349d04 100644
--- a/admin/product-edit.php
+++ b/admin/product-edit.php
@@ -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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
+															<label for="imageUpload"><img loading="lazy" 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 class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <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" />
+                                                            <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" />
                                                         <?php
                                                         }
                                                         ?>
@@ -710,7 +710,7 @@ $vendorId = $_SESSION["vendorId"];
 													</div>
 													<div class="thumb-preview ec-preview">
 														<div class="image-thumb-preview">
-															<img class="" src="<?php echo $image_url; ?>" alt="edit" />
+															<img loading="lazy" 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 class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
+                                                                <img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
                                                             </div>
                                                         </div>
                                                     </div>
diff --git a/admin/product-grid.php b/admin/product-grid.php
index 4634636..8fc6bf1 100644
--- a/admin/product-grid.php
+++ b/admin/product-grid.php
@@ -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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg"
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg"
+																<img loading="lazy" 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 src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
+                                    echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
                                 } else {
-                                    echo '<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
+                                    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%;">';
                                 }
                                 ?>
                             </div>
diff --git a/admin/user-card.php b/admin/user-card.php
index 41351bf..5db84fb 100644
--- a/admin/user-card.php
+++ b/admin/user-card.php
@@ -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 src="https://upload.wikimedia.org/wikipedia/commons/7/7e/Circle-icons-profile.svg" class="mr-3 img-fluid" alt="Avatar Image">
+                    <img loading="lazy" 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">
diff --git a/admin/vendor-card-2.php b/admin/vendor-card-2.php
index f4111d0..cea88c3 100644
--- a/admin/vendor-card-2.php
+++ b/admin/vendor-card-2.php
@@ -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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u2.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u3.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u4.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u5.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u6.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u7.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u8.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u9.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u10.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u11.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/vendor/u12.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
+												<img loading="lazy" 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 src="assets/img/user/u1.jpg" alt="user image">
+														<img loading="lazy" 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 class="image-thumb-preview ec-image-preview v-img" src="/assets/images/banner/7.jpg" alt="edit" />
+															<img loading="lazy" 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 class="image-thumb-preview ec-image-preview v-img" src="/assets/images/vendor/5.jpg" alt="edit" />
+															<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="/assets/images/vendor/5.jpg" alt="edit" />
 														</div>
 													</div>
 												</div>
diff --git a/admin/vendor-card.php b/admin/vendor-card.php
index d2c6e17..12ee445 100644
--- a/admin/vendor-card.php
+++ b/admin/vendor-card.php
@@ -163,9 +163,9 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                 <div class="image mb-3">
                                                     <?php
                                                     if (isset($vendor['vendor_image']) && !empty($vendor['vendor_image'])) {
-                                                        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%;"> ';
+                                                        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%;"> ';
                                                     } else {
-                                                        echo '<img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" class="img-fluid rounded-circle" alt="Placeholder Image">';
+                                                        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">';
                                                     }
                                                     ?>
                                                 </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 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 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%;"> ';
                                                         } else {
-                                                            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%;">';
+                                                            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%;">';
                                                         }
                                                         ?>
                                                     </div>
@@ -845,7 +845,7 @@ function validateEmail(vendorId) {
                                    </div>
                                    <div class="thumb-preview ec-preview">
                                        <div class="image-thumb-preview">
-                                           <img class="image-thumb-preview ec-image-preview v-img"
+                                           <img loading="lazy" 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 class="image-thumb-preview ec-image-preview v-img"
+                                           <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u3.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u4.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u8.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u3.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u4.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg"
+                                                    <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg"
+                                                    <img loading="lazy" class="rounded-circle" src="assets/img/user/u7.jpg"
                                                         alt="Image">
                                                     <span class="status"></span>
                                                 </div>
diff --git a/admin/vendor-edit-product.php b/admin/vendor-edit-product.php
index 44450b2..8da9a8b 100644
--- a/admin/vendor-edit-product.php
+++ b/admin/vendor-edit-product.php
@@ -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 src="assets/img/icons/edit.svg" class="svg_img header_svg" alt="edit" /></label>
+															<label for="imageUpload"><img loading="lazy" 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 class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <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" />
+                                                            <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" />
                                                         <?php
                                                         }
                                                         ?>
@@ -132,7 +132,7 @@ $vendorId = $_SESSION["vendorId"];
 													</div>
 													<div class="thumb-preview ec-preview">
 														<div class="image-thumb-preview">
-															<img class="" src="<?php echo $image_url; ?>" alt="edit" />
+															<img loading="lazy" 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 class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
+                                                                <img loading="lazy" class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
                                                             </div>
                                                         </div>
                                                     </div>
diff --git a/admin/vendor-list.php b/admin/vendor-list.php
index 98b8c67..6f25b72 100644
--- a/admin/vendor-list.php
+++ b/admin/vendor-list.php
@@ -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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 class="vendor-thumb" src="assets/img/vendor/u1.jpg" alt="vendor image" /></td>
+														<td><img loading="lazy" 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 class="image-thumb-preview ec-image-preview v-img"
+                                           <img loading="lazy" 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 class="image-thumb-preview ec-image-preview v-img"
+                                           <img loading="lazy" class="image-thumb-preview ec-image-preview v-img"
                                                src="assets/images/vendor/5.jpg" alt="edit" />
                                        </div>
                                    </div>
diff --git a/admin/vendor-product-grid.bak.php b/admin/vendor-product-grid.bak.php
index c528093..6c7b5ef 100644
--- a/admin/vendor-product-grid.bak.php
+++ b/admin/vendor-product-grid.bak.php
@@ -46,7 +46,7 @@ $vendorId = $_SESSION["vendorId"];
 
 				<div class="ec-brand">
 					<a href="index.php" title="Ekka">
-						<img class="ec-brand-icon" src="assets/img/logo/ec-site-logo.png" alt="" />
+						<img loading="lazy" 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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+									<img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+										<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+																<img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+																<img loading="lazy" 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 src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
+																	echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="img-fluid" style="object-fit: cover; width: 100%; height: 100%;">';
 																} else {
-																	echo '<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Placeholder Image" style="object-fit: cover; width: 100%; height: 100%;">';
+																	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%;">';
 																}
 																?>
 															</div>
diff --git a/admin/vendor-product-grid.php b/admin/vendor-product-grid.php
index 4b31163..4aa41fb 100644
--- a/admin/vendor-product-grid.php
+++ b/admin/vendor-product-grid.php
@@ -155,12 +155,12 @@ if($_SESSION["user_type"]!="admin"){
 																if (!empty($image_urls)) {
 																	$first_image_url = trim($image_urls[0]);
 															?>
-																	<img class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
+																	<img loading="lazy" class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
 																<?php
 																}
 															} else {
 																?>
-																<img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
+																<img loading="lazy" 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 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%;" />`;
+														`<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%;" />`;
 
 													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 class="img-fluid" src="${productImage[0]}" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
+												<img loading="lazy" class="img-fluid" src="${productImage[0]}" 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%;"/>
+												<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%;"/>
 												
 												`
 												const card = document.createElement('div')
diff --git a/admin/vendor-product-search.php b/admin/vendor-product-search.php
index 6395c78..07b2977 100644
--- a/admin/vendor-product-search.php
+++ b/admin/vendor-product-search.php
@@ -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 src="assets/img/user/user.png" class="user-image" alt="User Image" />
+                                    <img loading="lazy" 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 src="assets/img/user/user.png" class="img-circle" alt="User Image" />
+                                        <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                                <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                                <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                                <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
+                                                                <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
+                                                                <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
+                                                                <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
+                                                                <img loading="lazy" 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 class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
+                                                                <img loading="lazy" 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 src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                                                <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;">
                                                             <?php else : ?>
-                                                                <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;">
+                                                                <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;">
                                                             <?php endif; ?>
                                                         </a>
                                                         </div>
@@ -742,12 +742,12 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                                                         if (!empty($image_urls)) {
                                                             $first_image_url = trim($image_urls[0]);
                                                     ?>
-                                                            <img class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
+                                                            <img loading="lazy" class="img-fluid" src="<?php echo $first_image_url; ?>" alt="edit" style="object-fit: cover; width: 100%; height: 100%;"/>
                                                         <?php
                                                         }
                                                     } else {
                                                         ?>
-                                                        <img class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
+                                                        <img loading="lazy" class="img-fluid rounded-circle" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
                                                     <?php
                                                     }
                                                     ?>
diff --git a/admin/vendor-profile.php b/admin/vendor-profile.php
index 8edae5d..4e39706 100644
--- a/admin/vendor-profile.php
+++ b/admin/vendor-profile.php
@@ -189,7 +189,7 @@ date_default_timezone_set('Asia/Manila');
 									<div class="ec-disp">
 										<div class="text-center widget-profile px-0 border-0">
 											<div class="card-img mx-auto rounded-circle">
-												<img src="<?php
+												<img loading="lazy" src="<?php
 													if($array["vendor_image"]!=""){
 														echo $array["vendor_image"];
 													} else {
diff --git a/assets/css/style.css b/assets/css/style.css
index cae6629..f2cc99d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -16555,6 +16555,7 @@ h6 {
   left: 0;
   bottom: 0;
   background: #ffffff;
+  opacity:0.6;
   z-index: 999;
 }
 
@@ -16577,7 +16578,7 @@ h6 {
 }
 
 #ec-overlay .ec-ellipsis div:nth-child(1) {
-  background: #3474d4;
+  background: #ffaa00;
   left: 8px;
   -webkit-animation: lds-ellipsis1 0.6s infinite;
   animation: lds-ellipsis1 0.6s infinite;
@@ -16591,12 +16592,11 @@ h6 {
 }
 
 #ec-overlay .ec-ellipsis div:nth-child(3) {
-  background: #3474d4;
+  background: #ffaa00;
   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;
diff --git a/assets/js/tester11.js b/assets/js/tester11.js
index 40b3fde..ece88cf 100644
--- a/assets/js/tester11.js
+++ b/assets/js/tester11.js
@@ -10,7 +10,6 @@
 //     }
 // }
 
-
 // function deleteOrder(orderId) {
 //     fetch('https://api.obanana.shop/api/v1/orders/' + orderId, {
 //         method: 'DELETE'
@@ -27,8 +26,6 @@
 //         .catch(error => console.error('Error:', error));
 // }
 
-
-
 // function login(username, password, callback) {
 //     fetch("https://api.obanana.shop/api/v1/login", {
 //         method: "POST",
@@ -82,7 +79,6 @@
 
 //     console.log("Product Vendor JSON: " + vendorObj);
 
-
 //     var sessionToken = token;
 //     var productImage = productObj.product_image;
 //     var productId = productObj._id;
@@ -95,7 +91,6 @@
 //     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);
@@ -163,7 +158,6 @@
 //             }
 //         };
 
-
 //         orderCheckXhr.send();
 
 //         function createNewOrder() {
@@ -203,7 +197,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">
@@ -251,7 +245,6 @@
 //                 .catch(error => console.error('Error:', error));
 //         }
 
-
 //         function updateOrder(orderId, existingItemId) {
 //             var updateOrderXhr = new XMLHttpRequest();
 //             // const token = '<?php echo $_SESSION["token"] ?>';
@@ -277,7 +270,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">
@@ -329,8 +322,6 @@
 //             patchTotalAmountXhr.send(JSON.stringify(patchData));
 //         }
 
-        
-
 //     })
 // }
 
@@ -376,7 +367,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)
@@ -396,10 +387,6 @@
 //     });
 // }
 
-
-
-
-
 // function deleteOrder(orderId) {
 //     fetch('https://api.obanana.shop/api/v1/orders/' + orderId, {
 //         method: 'DELETE'
@@ -417,91 +404,129 @@
 // }
 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
-        })
+      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();
+      .then((response) => {
+        if (response.ok) {
+          return response.json();
+        } else {
+          throw new Error("Unable to login");
+        }
+      })
+      .then((data) => {
+        fetch("update-token-session.php", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            token: data.token,
+          }),
+        })
+          .then((response) => response.json())
+          .then((result) => {
+            if (result.status === "success") {
+              sessionToken = data.token;
+              console.log("New Token:", sessionToken);
+              callback(sessionToken);
             } else {
-                throw new Error("Unable to login");
+              throw new Error("Unable to update session token");
             }
-        })
-        .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) {
+          });
+      })
+      .catch((error) => {
+        console.error("Error:", error.message);
+      });
+  }
+  
+  function popupAddToCart(
+    product,
+    productVendor,
+    token,
+    email,
+    password,
+    customer
+  ) {
     // var productObj = JSON.parse(product);
-    // console.log(product)
-    var cleanedProduct = product.replace(/[\r\n]+/gm, '');
+    let productData = decodeURIComponent(product);
+    console.log(productData);
+    var cleanedProduct = productData.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 {
-        var trimmedCustomer = customer
-        var customerObj = JSON.parse(trimmedCustomer);
-        console.log("Customer Object: ", customerObj); 
+      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);
+      }
     } catch (error) {
-        console.error("Error parsing customer JSON: ", error);
+      console.error("Error parsing customer JSON: ", error);
     }
-    var vendorObj = JSON.parse(productVendor);
-
+    let vendorData = decodeURIComponent(productVendor);
+  
+    var vendorObj = JSON.parse(vendorData);
+  
     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);
@@ -513,295 +538,370 @@ function popupAddToCart(product, productVendor, token, email, password, customer
     console.log("Product Vendor Name: " + vendorName);
     console.log("Product Quantity: " + productQuantity);
     console.log("Customer ID: " + customerId);
-    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);
-                }
+    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();
             }
+          } 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,
         };
-
-        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));
+  
+        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));
-        }
-
-        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);
-
+  
+        // 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);
+    }
     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);
-
-        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
-        }
-    })
   
-    .then(response => {
-        if (response && response.ok) {
-            // 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');
+        // Check if the product already exists in the wishlist
+        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
         }
-    })
-    .catch(error => {
+      })
+  
+      .then((response) => {
+        if (response && response.ok) {
+          // 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");
+        }
+      })
+      .catch((error) => {
         // Handle network or other errors
-        console.error('Error:', error);
-        alert('Error submitting data');
-    });
-}
-
+        console.error("Error:", error);
+        alert("Error submitting data");
+      });
+  }
+  
\ No newline at end of file
diff --git a/cart.php b/cart.php
index 8e8206f..63c70e8 100644
--- a/cart.php
+++ b/cart.php
@@ -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 src="assets/images/product-image/6_1.jpg" alt="product"></a>
+                        <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>
                         <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 src="assets/images/product-image/12_1.jpg" alt="product"></a>
+                        <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>
                         <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 src="assets/images/product-image/3_1.jpg" alt="product"></a>
+                        <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>
                         <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 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 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="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
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 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
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 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
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1223,7 +1223,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/cart1.php b/cart1.php
index 03b744e..5121ade 100644
--- a/cart1.php
+++ b/cart1.php
@@ -149,7 +149,7 @@
                         <!-- Ec Header Logo Start -->
                         <div class="align-self-center">
                             <div class="header-logo">
-                                <a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
+                                <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>
                             </div>
@@ -210,7 +210,7 @@
                     <!-- Ec Header Logo Start -->
                     <div class="col">
                         <div class="header-logo">
-                            <a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
+                            <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>
                         </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
+                                                <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>
-                                                <li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
+                                                <li><a class="p-0" href="shop-left-sidebar-col-4.html"><img loading="lazy"
                                                             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
+                                                <li><a class="p-0" href="shop-right-sidebar-col-3.html"><img loading="lazy"
                                                             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
+                                                <li><a class="p-0" href="shop-right-sidebar-col-4.html"><img loading="lazy"
                                                             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 class="img-responsive"
+                                <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>
                             </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
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 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
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 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
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 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
+                                                            href="shop-left-sidebar-col-4.php"><img loading="lazy"
                                                                 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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 src="assets/images/logo/footer-logo.png"
-                                            alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png"
+                                <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>
                                 <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 src="assets/images/icons/payment.png" alt="">
+                                    <img loading="lazy" src="assets/images/icons/payment.png" alt="">
                                 </div>
 
                             </div>
@@ -1481,36 +1481,36 @@
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1649,7 +1649,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/catalog-single-vendor.php b/catalog-single-vendor.php
index 76ed0f0..fe0a7b0 100644
--- a/catalog-single-vendor.php
+++ b/catalog-single-vendor.php
@@ -13,6 +13,7 @@ if ($_SESSION["userId"] <> "") {
 }
 $products = productListVendor($_GET["id"]);
 
+$productsDecode = json_encode($products, true);
 $filteredProducts = [];
 
 if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['category'])) {
@@ -192,7 +193,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 src="assets/images/product-image/6_1.jpg" alt="product"></a>
+                        <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>
                         <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>
@@ -203,7 +204,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 src="assets/images/product-image/12_1.jpg" alt="product"></a>
+                        <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>
                         <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>
@@ -214,7 +215,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 src="assets/images/product-image/3_1.jpg" alt="product"></a>
+                        <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>
                         <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>
@@ -304,9 +305,9 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                 <a href="vendor-profile.html">
                                 <?php
                                     if (isset($vendor["vendor_image"])) {
-                                        ?><img src="<?php echo $vendor["vendor_image"] ?>" alt="vendor img"><?php
+                                        ?><img loading="lazy" src="<?php echo $vendor["vendor_image"] ?>" alt="vendor img"><?php
                                     } else {
-                                        ?><img src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
+                                        ?><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
                                     }
                                 ?>
                                 </a>
@@ -372,7 +373,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>
@@ -382,7 +383,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 -->
@@ -390,11 +391,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">
+                            <div class="row" id="product-container">
                             <?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">
@@ -409,12 +410,12 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                                             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: 330px; object-fit: cover;"/>
+                                                                <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;"/>
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <img class="main-image" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
+                                                            <img loading="lazy" class="main-image" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="edit" />
                                                         <?php
                                                         }
                                                         ?>
@@ -537,7 +538,233 @@ 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">
@@ -602,19 +829,23 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                             <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" value="<?php echo isset($_POST['minPrice']) ? $_POST['minPrice'] : (isset($_GET['minPrice']) ? $_GET['minPrice'] : ''); ?>" />
+                                                    <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" value="<?php echo isset($_POST['maxPrice']) ? $_POST['maxPrice'] : (isset($_GET['maxPrice']) ? $_GET['maxPrice'] : ''); ?>" />
+                                                    <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;">
+                                                <!-- <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> -->
@@ -819,7 +1050,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                     <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 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>
+                                <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>
                                 <h4 class="ec-footer-heading">Contact us</h4>
                                 <div class="ec-footer-links">
                                     <ul class="align-items-center">
@@ -920,7 +1151,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                         <!-- <div class="col footer-bottom-right">
                             <div class="footer-bottom-payment d-flex justify-content-end">
                                 <div class="payment-link">
-                                    <img src="assets/images/icons/payment.png" alt="">
+                                    <img loading="lazy" src="assets/images/icons/payment.png" alt="">
                                 </div>
 
                             </div>
@@ -944,36 +1175,36 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1065,7 +1296,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1103,7 +1334,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 src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1125,7 +1356,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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1147,7 +1378,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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1169,7 +1400,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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1193,7 +1424,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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -1208,7 +1439,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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/category-slider.php b/category-slider.php
index b4d10a6..ea486fb 100644
--- a/category-slider.php
+++ b/category-slider.php
@@ -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 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 loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="product" /></a>
+                            <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>
                             <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 src="assets/images/product-image/2.jpg" alt="product" /></a>
+                            <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>
                             <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 src="assets/images/product-image/3.jpg" alt="product" /></a>
+                            <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>
                             <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 src="assets/images/product-image/4.jpg" alt="product" /></a>
+                            <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>
                             <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 src="assets/images/product-image/5.jpg" alt="product" /></a>
+                            <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>
                             <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 src="assets/images/product-image/6.jpg" alt="product" /></a>
+                            <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>
                             <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 src="assets/images/product-image/7.jpg" alt="product" /></a>
+                            <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>
                             <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 src="assets/images/product-image/2.jpg" alt="product" /></a>
+                            <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>
                             <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">
diff --git a/checkout.php b/checkout.php
index 9282598..add01dd 100644
--- a/checkout.php
+++ b/checkout.php
@@ -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 class="main-image" src="<?php echo $item['product']['product_image']; ?>" alt="Product" />
-                                                                <!-- <img class="hover-image"
+                                                                <img loading="lazy" class="main-image" src="<?php echo $item['product']['product_image']; ?>" alt="Product" />
+                                                                <!-- <img loading="lazy" 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 class="main-image"
+                                                        <img loading="lazy" class="main-image"
                                                             src="assets/images/product-image/8_1.jpg"
                                                             alt="Product" />
-                                                        <img class="hover-image"
+                                                        <img loading="lazy" 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 src="assets/images/icons/payment1.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment1.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment2.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment2.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment3.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment3.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment4.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment4.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment5.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment5.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment6.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment6.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment7.png" alt="">
+                                        <img loading="lazy" 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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 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" />
+                                    <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" />
                                 </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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -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 src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/checkouttest.php b/checkouttest.php
index 192718a..e17111f 100644
--- a/checkouttest.php
+++ b/checkouttest.php
@@ -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 class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <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" />
                                                             <?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 class="main-image"
+                                                        <img loading="lazy" class="main-image"
                                                             src="assets/images/product-image/8_1.jpg"
                                                             alt="Product" />
-                                                        <img class="hover-image"
+                                                        <img loading="lazy" class="hover-image"
                                                             src="assets/images/product-image/8_2.jpg"
                                                             alt="Product" />
                                                     </a>
@@ -1586,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 src="assets/images/icons/payment1.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment1.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment2.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment2.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment3.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment3.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment4.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment4.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment5.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment5.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment6.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment6.png" alt="">
                                     </div>
                                     <div class="ec-check-pay-img">
-                                        <img src="assets/images/icons/payment7.png" alt="">
+                                        <img loading="lazy" src="assets/images/icons/payment7.png" alt="">
                                     </div>
                                 </div>
                             </div>
@@ -1635,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 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" />
+                                    <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" />
                                 </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>
@@ -1686,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 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" />
+                                    <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" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1740,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 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" />
+                                    <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" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1795,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 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" />
+                                    <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" />
                                 </a>
                                 <span class="percentage">20%</span>
                                 <span class="flags">
@@ -1856,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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -1978,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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -2016,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 src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2038,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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2060,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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2082,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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2106,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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -2121,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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/contact-us.php b/contact-us.php
index df5628e..1e909c8 100644
--- a/contact-us.php
+++ b/contact-us.php
@@ -63,7 +63,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -331,7 +331,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/faq.php b/faq.php
index d10cc74..5391a70 100644
--- a/faq.php
+++ b/faq.php
@@ -58,7 +58,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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 class="a-img" src="assets/images/offer-image/1.jpg" alt="about">
+                            <img loading="lazy" 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 alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/1.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -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 alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/2.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -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 alt="testimonial" title="testimonial"
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial"
                                         src="assets/images/testimonial/3.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
@@ -360,28 +360,28 @@
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/1.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/1.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/2.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/2.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/3.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/3.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
                         <!-- instagram item -->
                         <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" 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 src="assets/images/instragram-image/5.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" 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 src="assets/images/instragram-image/6.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" 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 src="assets/images/instragram-image/7.jpg"
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/7.jpg"
                                         alt="insta"></a>
                             </div>
                         </div> -->
@@ -451,7 +451,7 @@
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -490,7 +490,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png">
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png">
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/footer.php b/footer.php
index faae74b..8af24e6 100644
--- a/footer.php
+++ b/footer.php
@@ -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 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>
+                            <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>
                             <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 src="assets/images/icons/payment.png" alt="">
+                                <img loading="lazy" src="assets/images/icons/payment.png" alt="">
                             </div>
 
                         </div>
diff --git a/forget_otp.php b/forget_otp.php
index 8293bc1..e524738 100644
--- a/forget_otp.php
+++ b/forget_otp.php
@@ -308,7 +308,7 @@ var pass2I = document.getElementById(`passInput2`);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -346,7 +346,7 @@ var pass2I = document.getElementById(`passInput2`);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/forget_password_reset.php b/forget_password_reset.php
index d7f3ae4..750b982 100644
--- a/forget_password_reset.php
+++ b/forget_password_reset.php
@@ -142,7 +142,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -180,7 +180,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/forgot_password.php b/forgot_password.php
index 61e63c3..d8c55a5 100644
--- a/forgot_password.php
+++ b/forgot_password.php
@@ -57,7 +57,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -266,7 +266,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/header.php b/header.php
index 2d002dc..eb72d63 100644
--- a/header.php
+++ b/header.php
@@ -215,7 +215,7 @@ if ($_SESSION["userId"] <> "") {
                             <div id="ec-popnews-close2"><i class="ecicon eci-close"></i></div>
                             <div class="row">
                                 <div class="col-md-6 disp-no-767">
-                                    <img src="../assets/images/img-1.png" alt="newsletter">
+                                    <img loading="lazy" src="../assets/images/img-1.png" alt="newsletter">
                                 </div>
                                 <div class="col-md-6">
                                     <div id="ec-popnews-box-content2">
@@ -223,10 +223,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 src="../assets/images/playstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
+                                                <img loading="lazy" 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 src="../assets/images/appstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
+                                                <img loading="lazy" src="../assets/images/appstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
                                             </a>
 
                                         </div>
@@ -321,7 +321,7 @@ if ($_SESSION["userId"] <> "") {
                     <!-- Ec Header Logo Start -->
                     <div class="align-self-center">
                         <div class="header-logo">
-                            <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>
+                            <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>
                         </div>
                     </div>
                     <!-- Ec Header Logo End -->
@@ -421,12 +421,12 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img  src="<?php echo $first_image_url; ?>" alt="product" />
+                                                                    <img loading="lazy"  src="<?php echo $first_image_url; ?>" alt="product" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
@@ -801,7 +801,7 @@ if ($_SESSION["userId"] <> "") {
                 <!-- Ec Header Logo Start -->
                 <div class="col">
                     <div class="header-logo">
-                        <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>
+                        <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>
                     </div>
                 </div>
                 <!-- Ec Header Logo End -->
@@ -884,16 +884,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
+                                                <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>
-                                                <li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
+                                                <li><a class="p-0" href="shop-left-sidebar-col-4.html"><img loading="lazy"
                                                             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
+                                                <li><a class="p-0" href="shop-right-sidebar-col-3.html"><img loading="lazy"
                                                             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
+                                                <li><a class="p-0" href="shop-right-sidebar-col-4.html"><img loading="lazy"
                                                             class="img-responsive" src="assets/images/menu-banner/4.jpg"
                                                             alt=""></a></li>
                                             </ul>
@@ -1145,7 +1145,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 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 loading="lazy" class="img-responsive" src="assets/images/menu-banner/1.jpg" alt=""></a>
                             </li>
                         </ul>
                     </li>
diff --git a/index.php b/index.php
index a64fec3..8b02804 100644
--- a/index.php
+++ b/index.php
@@ -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 src="https://api.obanana.com/images/storage/web_images/1707370320758-banner_powerbank.jpg" alt="" width="1920">
+                    <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1707370320758-banner_powerbank.jpg" alt="" width="1920">
                     <div class="container align-self-center">
                         <div class="row">
                             <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
@@ -133,7 +133,7 @@ if ($_SESSION["userId"] <> "") {
                     </div>
                 </div>
                 <div class="ec-slide-item swiper-slide d-flex ec-slide-2">
-                    <img src="https://api.obanana.com/images/storage/web_images/1703049975908-3.png" alt="" width="1920">
+                    <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1703049975908-3.png" alt="" width="1920">
                     <div class="container align-self-center">
                         <div class="row">
                             <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
@@ -148,7 +148,7 @@ if ($_SESSION["userId"] <> "") {
                     </div>
                 </div>
                 <div class="ec-slide-item swiper-slide d-flex ec-slide-2">
-                    <img src="https://api.obanana.com/images/storage/web_images/1705052043932-omnia banner 3-min.png" alt="" width="1920">
+                    <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1705052043932-omnia banner 3-min.png" alt="" width="1920">
                     <div class="container align-self-center">
                         <div class="row">
                             <div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
@@ -237,19 +237,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 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;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>" class="image">
-                                                            <img 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" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
                                                         <!-- raymart edit action -->
@@ -357,19 +357,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 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;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>" class="image">
-                                                            <img 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" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
 
@@ -479,19 +479,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 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;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>" class="image">
-                                                            <img 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" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
                                                         <!-- raymart edit action feb 14 2024-->
@@ -599,19 +599,19 @@ if ($_SESSION["userId"] <> "") {
                                                                 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;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>" class="image">
-                                                            <img 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" />
+                                                            <img loading="lazy" class="main-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
+                                                            <img loading="lazy" class="hover-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
                                                         </a> -->
                                                         <!-- <span class="percentage">20%</span> -->
                                                         <!-- raymart added action feb 14 2024-->
@@ -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 src="https://api.obanana.com/images/storage/web_images/1704184846040-3.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704184846040-3.png" alt="" />
                                 <div class="banner-text">
                                     <!-- <span class="ec-banner-stitle">New Arrivals</span>
                                     <span class="ec-banner-title">mens<br> Sport shoes</span>
@@ -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 src="https://api.obanana.com/images/storage/web_images/1704185293794-4.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704185293794-4.png" alt="" />
                                 <div class="banner-text">
                                     <!-- <span class="ec-banner-stitle">New Trending</span>
                                     <span class="ec-banner-title">Smart<br> watches</span>
@@ -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 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-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281191973-Electronics_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279346519-Electronics.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>Electronics</span><span></span></div>
                             </a></li>
                         <li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-2">
-                                <div class="cat-icons"><img 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-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281156875-Smarthome_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705281330439-Smarthome_white.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>Smart Home</span><span></span></div>
                             </a></li>
                         <li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-3">
-                                <div class="cat-icons"><img 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-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705281114426-Ebike_gray.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705279973475-Ebike.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>E-Bike</span><span></span></div>
                             </a></li>
                         <li class="cat-item"><a class="cat-link" data-bs-toggle="tab" href="#tab-cat-4">
-                                <div class="cat-icons"><img 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-icons"><img loading="lazy" class="cat-icon" src="https://api.obanana.com/images/storage/web_images/1705280971569-Heavy Equipments_GRAY.png" style="width: 55px;" alt="cat-icon"><img loading="lazy" class="cat-icon-hover" src="https://api.obanana.com/images/storage/web_images/1705280002759-Heavy Equipments.png" style="width: 55px;" alt="cat-icon"></div>
                                 <div class="cat-desc"><span>Heavy Equipment</span><span></span></div>
                             </a></li>
                     </ul>
@@ -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 src="https://api.obanana.com/images/storage/web_images/1704437307503-Electronics.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437307503-Electronics.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=Electronics" class="btn btn-primary">View All</a>
@@ -800,7 +800,7 @@ if ($_SESSION["userId"] <> "") {
                         <!-- 1st Category tab end -->
                         <div class="tab-pane fade" id="tab-cat-2">
                             <div class="row">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704437379904-Smarthome.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437379904-Smarthome.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=Smart Home" class="btn btn-primary">View All</a>
@@ -810,7 +810,7 @@ if ($_SESSION["userId"] <> "") {
                         <!-- 3rd Category tab start -->
                         <div class="tab-pane fade" id="tab-cat-3">
                             <div class="row">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704437443706-Ebike.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437443706-Ebike.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=E-bike" class="btn btn-primary">View All</a>
@@ -820,7 +820,7 @@ if ($_SESSION["userId"] <> "") {
                         <!-- 4th Category tab start -->
                         <div class="tab-pane fade" id="tab-cat-4">
                             <div class="row">
-                                <img src="https://api.obanana.com/images/storage/web_images/1704437503897-Heavy Equipments.png" alt="" />
+                                <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1704437503897-Heavy Equipments.png" alt="" />
                             </div>
                             <span class="panel-overlay">
                                 <a href="search_product_action.php?category=Heavy Equipment" class="btn btn-primary">View All</a>
@@ -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 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 loading="lazy" class="main-image" src="assets/images/product-image/1_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -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 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 loading="lazy" class="main-image" src="assets/images/product-image/3_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -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 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 loading="lazy" class="main-image" src="assets/images/product-image/8_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -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 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 loading="lazy" class="main-image" src="assets/images/product-image/10_1.jpg" alt="Product" /></a>
                                         <a href="#" class="quickview" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
                                     </div>
                                 </div>
@@ -1060,18 +1060,18 @@ if ($_SESSION["userId"] <> "") {
                                         if (!empty($image_urls)) {
                                             $first_image_url = trim($image_urls[0]);
                                     ?>
-                                            <img src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" />
+                                            <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" />
                                         <?php
                                         }
                                     } else {
                                         ?>
-                                            <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" />
+                                            <img loading="lazy" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" />
                                     <?php
                                     }
                                     ?>
-                                            <!-- <img src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;"> -->
+                                            <!-- <img loading="lazy" src="<?php echo $vendor['vendor_image']; ?>" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;"> -->
                                     
-                                            <!-- <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" /> -->
+                                            <!-- <img loading="lazy" alt="vendor img" style="width: 100%; height: 100%; object-fit: cover;" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" /> -->
                                       
                                 </div>
                                 <div class="ec-vendor-info">
@@ -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 src="<?php echo $product['product_image']; ?>" alt="product img"></a>
+                                        <a href="product-left-sidebar.php?id=<?php echo $product["_id"]; ?>"><img loading="lazy" src="<?php echo $product['product_image']; ?>" alt="product img"></a>
                                     </div>
                                 <?php } ?>
                             </div>
@@ -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 src="assets/images/offer-image/1.png" alt="offer image" /></span>
+                    <span class="ec-offer-img" data-animation="zoomIn"><img loading="lazy" src="assets/images/offer-image/1.png" alt="offer image" /></span>
                     <span class="ec-offer-desc">Acetate Frame Sunglasses</span>
                     <span class="ec-offer-price">$40.00 Only</span>
                     <a class="btn btn-primary" href="shop-left-sidebar-col-4.php" data-animation="zoomIn">Shop Now</a>
@@ -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 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 loading="lazy" src="https://api.obanana.com/images/storage/web_images/1706766307254-Powerbank Collection Banner (1).png" alt="" style="width: 100%; height: 100%; object-fit: cover;" />
         <a href="search_product_action.php?category=Powerbank" class="btn btn-primary" style="position: absolute; z-index: 1; top: 15%; left: 3%;">Buy Now</a>
     </section>
 
@@ -1242,19 +1242,19 @@ if ($_SESSION["userId"] <> "") {
                                                 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;" />
+                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                 <?php
                                                 }
                                             } else {
                                                 ?>
-                                                <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" />
+                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                             <?php
                                             }
                                             ?>
                                     </a>
                                         <!-- <a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>" class="image">
-                                            <img 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" />
+                                            <img loading="lazy" class="main-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
+                                            <img loading="lazy" class="hover-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
                                         </a> -->
                                         <!-- raymart edit action feb 14 2024 -->
                                         <div class="ec-pro-actions"style="bottom: -36px;">
@@ -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 alt="testimonial" title="testimonial" src="assets/images/testimonial/1.jpg" /></div>
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/1.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
                                         typesetting industry. Lorem Ipsum has been the industry's standard dummy text
@@ -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 alt="testimonial" title="testimonial" src="assets/images/testimonial/2.jpg" /></div>
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/2.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
                                         typesetting industry. Lorem Ipsum has been the industry's standard dummy text
@@ -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 alt="testimonial" title="testimonial" src="assets/images/testimonial/3.jpg" /></div>
+                                <div class="ec-test-img"><img loading="lazy" alt="testimonial" title="testimonial" src="assets/images/testimonial/3.jpg" /></div>
                                 <div class="ec-test-content">
                                     <div class="ec-test-desc">Lorem Ipsum is simply dummy text of the printing and
                                         typesetting industry. Lorem Ipsum has been the industry's standard dummy text
@@ -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 alt="brand" title="brand" src="assets/images/brand-image/1.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/1.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/2.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/2.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/3.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/3.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/4.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/4.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/5.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/5.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/6.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/6.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/7.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/7.png" /></a></div>
                         </li>
                         <li class="ec-brand-item" data-animation="zoomIn">
-                            <div class="ec-brand-img"><a href="#"><img alt="brand" title="brand" src="assets/images/brand-image/8.png" /></a></div>
+                            <div class="ec-brand-img"><a href="#"><img loading="lazy" alt="brand" title="brand" src="assets/images/brand-image/8.png" /></a></div>
                         </li>
                     </ul>
                 </div>
@@ -1486,46 +1486,46 @@ if ($_SESSION["userId"] <> "") {
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/1.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/1.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/2.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/2.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/3.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/3.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/4.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/4.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/5.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/5.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/6.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" src="assets/images/instragram-image/6.jpg" alt="insta"></a>
                             </div>
                         </div> -->
     <!-- instagram item -->
     <!-- instagram item -->
     <!-- <div class="ec-insta-item">
                             <div class="ec-insta-inner">
-                                <a href="#" target="_blank"><img src="assets/images/instragram-image/7.jpg" alt="insta"></a>
+                                <a href="#" target="_blank"><img loading="lazy" 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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="../assets/images/img-1.png" alt="newsletter">
+                <img loading="lazy" 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 src="../assets/images/Playstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
+                            <img loading="lazy" src="../assets/images/Playstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
                         </a>
                         <a href="https://apps.apple.com/ph/app/obananapay/id6447606481" target="_blank">
-                            <img src="../assets/images/Appstore.jpg" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
+                            <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1735,7 +1735,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon">
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png">
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png">
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/login.php b/login.php
index 3e9626a..e2abefc 100644
--- a/login.php
+++ b/login.php
@@ -59,7 +59,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -274,7 +274,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/more-vendors.php b/more-vendors.php
index 4048719..1be5c1d 100644
--- a/more-vendors.php
+++ b/more-vendors.php
@@ -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 src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                                                <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;">
                                                             <?php else : ?>
-                                                                <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;">
+                                                                <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;">
                                                             <?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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -270,7 +270,7 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/next_day_delivery.php b/next_day_delivery.php
index 074d729..622b94b 100644
--- a/next_day_delivery.php
+++ b/next_day_delivery.php
@@ -112,7 +112,7 @@ if ($_SESSION["userId"] <> "") {
             <!-- Main slider -->
             <div class="swiper-wrapper">
                 <div class="ec-slide-item swiper-slide d-flex ec-slide-1">
-                    <img src="https://api.obanana.com/images/storage/web_images/1708068709103-0-02-06-f2fd3afbfa98cf9fcb81bce9df0691a06bb004b883d08ef2e80c4a3bdaf17f8f_1c6db9236e4582.jpg" alt="" width="1920">
+                    <img loading="lazy" 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">
@@ -144,7 +144,7 @@ if ($_SESSION["userId"] <> "") {
                 <div class="row">
                     <div class="col-lg-6 col-md-12">
                         <div class="ec-cat-bnr">
-                            <a href="shop-left-sidebar-col-4.php"><span><img src="https://api.obanana.com/images/storage/web_images/1708412192539-NEXT%20DAY%20delivery.png" alt=""></span></a>
+                           <span><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1708412192539-NEXT%20DAY%20delivery.png" alt=""></span>
                         </div>
                     </div>
                     <div class="col-lg-6 col-md-12">
@@ -177,7 +177,7 @@ if ($_SESSION["userId"] <> "") {
                             </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>
@@ -187,7 +187,7 @@ if ($_SESSION["userId"] <> "") {
                                     <option value="4">Price, low to high</option>
                                     <option value="5">Price, high to low</option>
                                 </select>
-                            </div>
+                            </div> -->
                         </div>
                     </div>
                     <!-- Shop Top End -->
@@ -196,19 +196,19 @@ if ($_SESSION["userId"] <> "") {
                      <!-- 02-19-2024 Jun Jihad Same Day Delivery page -->
                     <div class="shop-pro-content">
                         <div class="shop-pro-inner">
-                            <div class="row">
+                            <div class="row" id="product-container2">
                             <?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++) {
+                                // $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']);
+                                //     // $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;">
@@ -221,17 +221,17 @@ if ($_SESSION["userId"] <> "") {
                                                             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%;"/>
+                                                                <img loading="lazy" 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" />
+                                                            <img loading="lazy" 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" /> -->
+                                                        <!-- <img loading="lazy" class="main-image" src="<?php echo   $simpleProducts[$pid]["images"]  ?>" alt="Product" /> -->
+                                                        <!-- <img loading="lazy" class="hover-image" src="<?php echo   $simpleProducts[$pid]["images"]  ?>" alt="Product" /> -->
                                                     </a>
 
                                                     <div class="ec-pro-actions">
@@ -260,9 +260,9 @@ if ($_SESSION["userId"] <> "") {
                                                         <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>
+                                                        <span class="inquire-text"></span>
                                                     <?php else : ?>
-                                                        <span class="inquire-text">Inquire</span>
+                                                        <span class="inquire-text"></span>
                                                     <?php endif; ?>
                                                 </span>
                                             <!-- <div class="ec-pro-option">
@@ -291,15 +291,15 @@ if ($_SESSION["userId"] <> "") {
                                     </div>
                                 </div>
                                 <?php
-                                }
+                                // }
                                 // }
                                 ?>
                             </div>
                         </div>
                         <!-- Ec Pagination Start -->
-                        <div class="ec-pro-pagination">
-                            <span>Showing <?php echo $startIndex + 1; ?>-<?php echo $endIndex + 1; ?> of <?php echo count($simpleProducts); ?> item(s)</span>
-                            <ul class="ec-pro-pagination-inner">
+                        <div class="ec-pro-pagination" style="padding:10px">
+                            <span class="page-indicator">Showing <?php echo $startIndex + 1; ?>-<?php echo $endIndex + 1; ?> of <?php echo count($simpleProducts); ?> item(s)</span>
+                            <ul class="ec-pro-pagination-inner" id='prod-search-pagination'>
 
                                 <?php
                                 $totalPages = ceil(count($simpleProducts) / $productsPerPage);
@@ -340,6 +340,332 @@ if ($_SESSION["userId"] <> "") {
                     </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">
@@ -354,68 +680,143 @@ if ($_SESSION["userId"] <> "") {
                                 <h3 class="ec-sidebar-title">Category</h3>
                             </div>
                             <div class="ec-sb-block-content">
-                                <ul>
-                                    <li>
-                                        <div class="ec-sidebar-block-item">
-                                            <input type="checkbox" checked /> <a href="#">clothes</a><span
-                                                class="checked"></span>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="ec-sidebar-block-item">
-                                            <input type="checkbox" /> <a href="#">Bags</a><span class="checked"></span>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="ec-sidebar-block-item">
-                                            <input type="checkbox" /> <a href="#">Shoes</a><span class="checked"></span>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="ec-sidebar-block-item">
-                                            <input type="checkbox" /> <a href="#">cosmetics</a><span
-                                                class="checked"></span>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="ec-sidebar-block-item">
-                                            <input type="checkbox" /> <a href="#">electrics</a><span
-                                                class="checked"></span>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="ec-sidebar-block-item">
-                                            <input type="checkbox" /> <a href="#">phone</a><span class="checked"></span>
-                                        </div>
-                                    </li>
-                                    <li id="ec-more-toggle-content" style="padding: 0; display: none;">
+                                    <form method="POST" action="shop-list-left-sidebar-action.php">
+
                                         <ul>
                                             <li>
                                                 <div class="ec-sidebar-block-item">
-                                                    <input type="checkbox" /> <a href="#">Watch</a><span
-                                                        class="checked"></span>
+                                                    <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>
                                                 </div>
                                             </li>
                                             <li>
                                                 <div class="ec-sidebar-block-item">
-                                                    <input type="checkbox" /> <a href="#">Cap</a><span
-                                                        class="checked"></span>
+                                                    <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'] : ''); ?>" />
                                                 </div>
                                             </li>
                                         </ul>
-                                    </li>
-                                    <li>
-                                        <div class="ec-sidebar-block-item ec-more-toggle">
-                                            <span class="checked"></span><span id="ec-more-toggle">More
-                                                Categories</span>
-                                        </div>
-                                    </li>
+                                        <button type="submit">Apply</button>
+                                    </form> -->
 
-                                </ul>
-                            </div>
+                                </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>
@@ -453,9 +854,9 @@ if ($_SESSION["userId"] <> "") {
                                     </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>
@@ -503,9 +904,9 @@ if ($_SESSION["userId"] <> "") {
                                     </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>
@@ -520,7 +921,7 @@ if ($_SESSION["userId"] <> "") {
                                     </div>
                                 </div>
                             </div>
-                        </div>
+                        </div> -->
                     </div>
                 </div>
 
@@ -541,36 +942,36 @@ if ($_SESSION["userId"] <> "") {
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -668,7 +1069,7 @@ if ($_SESSION["userId"] <> "") {
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -707,7 +1108,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
                                         alt="Profile image">
                                     <span class="ec-status-icon"></span>
                                 </div>
@@ -731,7 +1132,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
                                         alt="Profile image">
                                     <span class="ec-status-icon ec-online"></span>
                                 </div>
@@ -755,7 +1156,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
                                         alt="Profile image">
                                     <span class="ec-status-icon ec-offline"></span>
                                 </div>
@@ -779,7 +1180,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
                                         alt="Profile image">
                                     <span class="ec-status-icon ec-offline"></span>
                                 </div>
@@ -804,7 +1205,7 @@ if ($_SESSION["userId"] <> "") {
         <div class="ec-right-bottom">
             <div class="ec-box">
                 <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -819,7 +1220,7 @@ if ($_SESSION["userId"] <> "") {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/offer.php b/offer.php
index 5616c72..92804d7 100644
--- a/offer.php
+++ b/offer.php
@@ -115,7 +115,7 @@ if ($_SESSION["userId"] <> "") {
     <section class="labels section-space-p">
         <div class="container">
             <div class="row">
-                <img src="./assets/images/comingsoon.png" alt="">
+                <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
+                            <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
+                            <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
+                            <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -289,7 +289,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/privacy-policy.php b/privacy-policy.php
index b34c5a1..a4e2c3e 100644
--- a/privacy-policy.php
+++ b/privacy-policy.php
@@ -424,7 +424,7 @@
      <!-- raymart remove popup feb 20 2024 -->
      <!-- Recent Purchase Popup  -->
      <!-- <div class="recent-purchase">
-         <img src="assets/images/product-image/1.jpg" alt="payment image">
+         <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
          <div class="detail">
              <p>Someone in new just bought</p>
              <h6>stylish baby shoes</h6>
@@ -462,7 +462,7 @@
                              <div class="d-flex bd-highlight">
                                  <!-- Profile Picture -->
                                  <div class="ec-img-cont">
-                                     <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                     <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                     <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                     <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                     <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                     <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+             <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
          </a>
          <div class="ec-tools-detail">
              <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/product-left-sidebar.php b/product-left-sidebar.php
index d0fac47..b33608d 100644
--- a/product-left-sidebar.php
+++ b/product-left-sidebar.php
@@ -80,6 +80,7 @@ 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">
@@ -216,7 +217,24 @@ 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>
@@ -307,7 +325,7 @@ if (isset($_GET['id'])) {
                                                         $productImage = $i;
                                                     }
                                                     ?>
-                                                    <img id="mainProductImage" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;">
+                                                    <img loading="lazy" id="mainProductImage" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;">
                                                 </div>
                                             <?php
                                             }
@@ -326,10 +344,10 @@ if (isset($_GET['id'])) {
                                                         $productImage = $i;
                                                     }
                                                     ?>
-                                                    <!-- <img class="img-responsive" src="<?php #echo $productImage; 
+                                                    <!-- <img loading="lazy" 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;">
+                                                    <img loading="lazy" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="max/width: 90px; height: 120px; object-fit: cover; object-position: center center;">
                                                 </div>
                                             <?php
                                             }
@@ -395,6 +413,27 @@ 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://upload.wikimedia.org/wikipedia/commons/6/65/No-Image-Placeholder.svg'; ?>" 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>
@@ -412,7 +451,7 @@ if (isset($_GET['id'])) {
                                                             ?>
                                                             <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">
+                                                                    <img loading="lazy" src="<?php echo $main_product_image; ?>" alt="product">
                                                                     <?php foreach ($product_details['variables'] as $variable) { ?>
                                                                         <p><?php echo $variable['name'] . ': ' . $variable['value']; ?></p>
                                                                     <?php } ?>
@@ -425,7 +464,7 @@ if (isset($_GET['id'])) {
                                                             ?>
                                                                 <a href="javascript:void(0);" onclick="selectVariation(<?php echo htmlspecialchars(json_encode($variation), ENT_QUOTES, 'UTF-8'); ?>)">
                                                                     <li style="width: 100px; height: 100px">
-                                                                        <img src="<?php echo $variationImage; ?>" alt="product">
+                                                                        <img loading="lazy" src="<?php echo $variationImage; ?>" alt="product">
                                                                         <?php foreach ($variation['variables'] as $variable) { ?>
                                                                             <p><?php echo $variable['name'] . ': ' . $variable['value']; ?></p>
                                                                         <?php } ?>
@@ -583,7 +622,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 id="mainProductImagemodal" class="img-responsive" src="<?php echo $productImage; ?>" alt="" style="width: 100%; height: 100%; object-fit: cover;">
+                                                                            <img loading="lazy" 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">
@@ -1096,7 +1135,7 @@ if (isset($_GET['id'])) {
                                                                     console.log(response)
                                                                     newOrder.innerHTML = `
                                                                                             <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
-                                                                                                <img src="${response.items[0].product.product_image}" alt="product">
+                                                                                                <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>
@@ -1179,7 +1218,7 @@ if (isset($_GET['id'])) {
                                                                         // If the cart item already exists, update its content using innerHTML
                                                                         cartItem.innerHTML = `
                                                                                                 <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img">
-                                                                                                    <img src="${response.items[0].product.product_image}" alt="product">
+                                                                                                    <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>
@@ -1309,7 +1348,7 @@ if (isset($_GET['id'])) {
                         </div>
 
                         <div id="review" class="tab-content">
-                            <img src="https://api.obanana.com/images/storage/web_images/1705042187464-viber_image_2023-12-12_16-04-25-151.png" alt="" />
+                            <img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1705042187464-viber_image_2023-12-12_16-04-25-151.png" alt="" />
                         </div>
                     </div>
 
@@ -1377,7 +1416,7 @@ if (isset($_GET['id'])) {
                                         <div class="ec-t-review-wrapper">
                                             <div class="ec-t-review-item">
                                                 <div class="ec-t-review-avtar">
-                                                    <img src="assets/images/review-image/1.jpg" alt="" />
+                                                    <img loading="lazy" src="assets/images/review-image/1.jpg" alt="" />
                                                 </div>
                                                 <div class="ec-t-review-content">
                                                     <div class="ec-t-review-top">
@@ -1402,7 +1441,7 @@ if (isset($_GET['id'])) {
                                             </div>
                                             <div class="ec-t-review-item">
                                                 <div class="ec-t-review-avtar">
-                                                    <img src="assets/images/review-image/2.jpg" alt="" />
+                                                    <img loading="lazy" src="assets/images/review-image/2.jpg" alt="" />
                                                 </div>
                                                 <div class="ec-t-review-content">
                                                     <div class="ec-t-review-top">
@@ -1695,7 +1734,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 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 loading="lazy" 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">
@@ -1765,8 +1804,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 class="main-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
-                                        <img class="hover-image" src="<?php echo $similar_products[$pid]["product_image"] ?>" />
+                                        <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"] ?>" />
                                     </a>
                                     <!-- 02-21-2024 Stacy commented out -->
                                     <!-- <span class="percentage">20%</span> -->
@@ -1883,36 +1922,36 @@ if (isset($_GET['id'])) {
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -2005,7 +2044,7 @@ if (isset($_GET['id'])) {
     <!-- Recent Purchase Popup  -->
     <!-- 02-20-2024 Stacy commented out -->
     <!-- <div class="recent-purchase">
-            <img src="assets/images/product-image/1.jpg" alt="payment image">
+            <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
             <div class="detail">
                 <p>Someone in new just bought</p>
                 <h6>stylish baby shoes</h6>
@@ -2044,7 +2083,7 @@ if (isset($_GET['id'])) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2066,7 +2105,7 @@ if (isset($_GET['id'])) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2088,7 +2127,7 @@ if (isset($_GET['id'])) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2110,7 +2149,7 @@ if (isset($_GET['id'])) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -2134,7 +2173,7 @@ if (isset($_GET['id'])) {
         <div class="ec-right-bottom">
             <div class="ec-box">
                 <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -2149,7 +2188,7 @@ if (isset($_GET['id'])) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/prohibited-item.php b/prohibited-item.php
index 86244d9..b74c2b7 100644
--- a/prohibited-item.php
+++ b/prohibited-item.php
@@ -312,7 +312,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/register.php b/register.php
index d0815bb..8bf48de 100644
--- a/register.php
+++ b/register.php
@@ -158,7 +158,7 @@ $_SESSION["isVendor"] = false;
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -196,7 +196,7 @@ $_SESSION["isVendor"] = false;
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/register_customer.php b/register_customer.php
index e518d27..194788f 100644
--- a/register_customer.php
+++ b/register_customer.php
@@ -192,7 +192,7 @@ $customerData = json_decode($customers, true);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -231,7 +231,7 @@ $customerData = json_decode($customers, true);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/register_otp.php b/register_otp.php
index 5764868..8911324 100644
--- a/register_otp.php
+++ b/register_otp.php
@@ -161,7 +161,7 @@
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -199,7 +199,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/register_vendor.php b/register_vendor.php
index a931753..fcd8063 100644
--- a/register_vendor.php
+++ b/register_vendor.php
@@ -259,7 +259,7 @@ $vendorData = json_decode($vendors, true);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -297,7 +297,7 @@ $vendorData = json_decode($vendors, true);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/same_day_delivery_old.php b/same_day_delivery_old.php
index 46e5779..1bf18b0 100644
--- a/same_day_delivery_old.php
+++ b/same_day_delivery_old.php
@@ -112,7 +112,7 @@ if ($_SESSION["userId"] <> "") {
     <section class="labels section-space-p">
         <div class="container">
             <div class="row">
-                <img src="./assets/images/comingsoon.png" alt="">
+                <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
+                            <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
+                            <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
+                            <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -286,7 +286,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/search_product_action.php b/search_product_action.php
index bc5c0a1..e45f4b5 100644
--- a/search_product_action.php
+++ b/search_product_action.php
@@ -9,23 +9,25 @@
     // 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);
+        // $category = $_GET["category"];
+        // // You can use $category in your searchProducts function to filter results based on the category
+        // $result = searchProducts( $category);
+        $search = $_GET["category"];
     } else {
-        $result = searchProducts($_GET["searchText"]);
-        $result2 = searchVendor($_GET["searchText"]);
+        // $result = searchProducts($_GET["searchText"]);
+        // $result2 = searchVendor($_GET["searchText"]);
+        $search = $_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;
+    // $_SESSION["productSearchResult"] = $array;
+    // $_SESSION["vendorSearchResult"] = $array2;
+
+    header("location: shop-list-left-sidebar.php?search=".$search);
 
-    header("location: shop-list-left-sidebar.php");
 
 
     // if (isset($_GET["category"])) {
diff --git a/shop-left-sidebar-col-4.php b/shop-left-sidebar-col-4.php
index 51e6609..4b172a1 100644
--- a/shop-left-sidebar-col-4.php
+++ b/shop-left-sidebar-col-4.php
@@ -67,7 +67,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/6_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/7_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/1_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/2_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/3_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/4_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/5_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="main-image"
+                                                    <img loading="lazy" class="main-image"
                                                         src="assets/images/product-image/8_1.jpg" alt="Product" />
-                                                    <img class="hover-image"
+                                                    <img loading="lazy" 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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1099,7 +1099,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+                <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
             </a>
             <div class="ec-tools-detail">
                 <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/shop-list-left-sidebar-test.php b/shop-list-left-sidebar-test.php
index 17dbeff..54a2481 100644
--- a/shop-list-left-sidebar-test.php
+++ b/shop-list-left-sidebar-test.php
@@ -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 src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                                                    <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;">
                                                                 <?php else : ?>
-                                                                    <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;">
+                                                                    <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;">
                                                                 <?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 style="width: 290px; height: 200px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                    <img loading="lazy" style="width: 290px; height: 200px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <img loading="lazy" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>
                                                     </a>
                                                     <!-- <a href="shop-left-sidebar-col-4.php" class="image">
-                                                        <img class="main-image" src="<?php echo   $product_image  ?>" alt="Product" />
-                                                        <img class="hover-image" src="<?php echo   $product_image  ?>" alt="Product" />
+                                                        <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" />
                                                     </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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -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 src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/shop-list-left-sidebar.php b/shop-list-left-sidebar.php
index 265aa73..abf2067 100644
--- a/shop-list-left-sidebar.php
+++ b/shop-list-left-sidebar.php
@@ -16,74 +16,74 @@ $vendorSearchResult = $_SESSION["vendorSearchResult"];
 // 02-19-2024 Jun Jihad Search Filter  
 $filteredProducts = [];
 
-if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['category'])) {
-    $filteredProducts = [];
-    $minPrice = isset($_GET['minPrice']) && $_GET['minPrice'] !== '' ? floatval($_GET['minPrice']) : null;
-    $maxPrice = isset($_GET['maxPrice']) && $_GET['maxPrice'] !== '' ? floatval($_GET['maxPrice']) : null;
+// if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['category'])) {
+//     $filteredProducts = [];
+//     $minPrice = isset($_GET['minPrice']) && $_GET['minPrice'] !== '' ? floatval($_GET['minPrice']) : null;
+//     $maxPrice = isset($_GET['maxPrice']) && $_GET['maxPrice'] !== '' ? floatval($_GET['maxPrice']) : null;
 
-    // echo "Min Price: " . ($minPrice !== null ? $minPrice : "null") . "<br>";
-    // echo "Max Price: " . ($maxPrice !== null ? $maxPrice : "null") . "<br>";
+//     // echo "Min Price: " . ($minPrice !== null ? $minPrice : "null") . "<br>";
+//     // echo "Max Price: " . ($maxPrice !== null ? $maxPrice : "null") . "<br>";
 
-    $selectedCategories = isset($_GET['category']) ? $_GET['category'] : [];
+//     $selectedCategories = isset($_GET['category']) ? $_GET['category'] : [];
   
-    if (!empty($selectedCategories) && (($minPrice == null) && ($maxPrice == null))) {
-        foreach ($selectedCategories as $selectedCategory) {
-            $category = strtolower(trim($selectedCategory));
-            foreach ($productSearchResult['results'] as $result) {
-                $product = $result['product'];
+//     if (!empty($selectedCategories) && (($minPrice == null) && ($maxPrice == null))) {
+//         foreach ($selectedCategories as $selectedCategory) {
+//             $category = strtolower(trim($selectedCategory));
+//             foreach ($productSearchResult['results'] as $result) {
+//                 $product = $result['product'];
                 
-                $productCategory = strtolower(trim($product['product_category']));
+//                 $productCategory = strtolower(trim($product['product_category']));
               
-                if (
-                    $productCategory == $category
-                ) {
-                    $filteredProducts[] = $result;
-                } 
-            }
-        }
-    } elseif (!empty($selectedCategories) && (!empty($minPrice) || !empty($maxPrice))) {
-        if ($minPrice === null) {
-            $minPrice = 0;
-        }
-        if ($maxPrice === null) {
-            $maxPrice = PHP_FLOAT_MAX;
-        }
-        foreach ($selectedCategories as $selectedCategory) {
-            $category = strtolower(trim($selectedCategory));
-            foreach ($productSearchResult['results'] as $result) {
-                $product = $result['product'];
-                $productPrice = isset($product['sale_price']) ? $product['sale_price'] : $product['regular_price'];
-                $productCategory = strtolower(trim($product['product_category']));
-                if (
-                    $productCategory = $category && (($productPrice >= $minPrice) &&
-                    ($productPrice <= $maxPrice))
-                ) {
-                    $filteredProducts[] = $result;
-                } 
-            }
-        }
-    }
-     else {
-        foreach ($productSearchResult['results'] as $result) {
-            $product = $result['product'];
-            $productPrice = isset($product['sale_price']) ? $product['sale_price'] : $product['regular_price'];
-            if ($minPrice === null) {
-                $minPrice = 0;
-            }
+//                 if (
+//                     $productCategory == $category
+//                 ) {
+//                     $filteredProducts[] = $result;
+//                 } 
+//             }
+//         }
+//     } elseif (!empty($selectedCategories) && (!empty($minPrice) || !empty($maxPrice))) {
+//         if ($minPrice === null) {
+//             $minPrice = 0;
+//         }
+//         if ($maxPrice === null) {
+//             $maxPrice = PHP_FLOAT_MAX;
+//         }
+//         foreach ($selectedCategories as $selectedCategory) {
+//             $category = strtolower(trim($selectedCategory));
+//             foreach ($productSearchResult['results'] as $result) {
+//                 $product = $result['product'];
+//                 $productPrice = isset($product['sale_price']) ? $product['sale_price'] : $product['regular_price'];
+//                 $productCategory = strtolower(trim($product['product_category']));
+//                 if (
+//                     $productCategory = $category && (($productPrice >= $minPrice) &&
+//                     ($productPrice <= $maxPrice))
+//                 ) {
+//                     $filteredProducts[] = $result;
+//                 } 
+//             }
+//         }
+//     }
+//      else {
+//         foreach ($productSearchResult['results'] as $result) {
+//             $product = $result['product'];
+//             $productPrice = isset($product['sale_price']) ? $product['sale_price'] : $product['regular_price'];
+//             if ($minPrice === null) {
+//                 $minPrice = 0;
+//             }
 
-            if ($maxPrice === null) {
-                $maxPrice = PHP_FLOAT_MAX;
-             }
-            if (($minPrice === null || $productPrice >= $minPrice) &&
-                ($maxPrice === null || $productPrice <= $maxPrice)
-            ) {
-                $filteredProducts[] = $result;
-            }
-        }
-    }
-} else {
-    $filteredProducts = $productSearchResult['results'];
-}
+//             if ($maxPrice === null) {
+//                 $maxPrice = PHP_FLOAT_MAX;
+//              }
+//             if (($minPrice === null || $productPrice >= $minPrice) &&
+//                 ($maxPrice === null || $productPrice <= $maxPrice)
+//             ) {
+//                 $filteredProducts[] = $result;
+//             }
+//         }
+//     }
+// } else {
+//     $filteredProducts = $productSearchResult['results'];
+// }
 ?>
 <!DOCTYPE html>
 <html lang="en">
@@ -221,7 +221,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>
@@ -231,12 +231,13 @@ 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 -->
-                    <!-- 02-22-2024 Jun Jihad Vendor Search -->
-                    <?php if (!empty($vendorSearchResult['results'])) : ?>
+                      <!-- <?php
+                    //  if (!empty($vendorSearchResult['results'])) : 
+                        ?> -->
                         <div class="shop-pro-content" style="margin-bottom:40px;">
                             <div class="ec-product-inner">
                                 <h5 class="ec-pro-title">Vendor Search Results</h5>
@@ -244,21 +245,21 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                 <div style="text-align: right; margin-bottom: 10px;">
                                     <a href="more-vendors.php" style="text-decoration: none; color: orange; font-weight: bold;">More Vendors></a>
                                 </div>
-                                <div class="row mt-4">
-                                    <?php
-                                    $count = 0; // Initialize a counter
-                                    foreach ($vendorSearchResult['results'] as $vendor) {
-                                        if ($count < 2) {
-                                    ?>
-                                            <div class="col-md-12">
+                                <div class="row mt-4 vendor-list">
+                                <!-- <?php
+                                  //  $count = 0; // Initialize a counter
+                                 //   foreach ($vendorSearchResult['results'] as $vendor) {
+                                 //       if ($count < 2) {
+                                   ?> -->
+                                            <!-- <div class="col-md-12">
                                                 <div class="card" style="margin:5px">
                                                     <div class="card-body">
                                                         <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 src="<?php echo $vendor['vendor_image']; ?>" alt="<?php echo $vendor['user_login']; ?>" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                                                    <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;">
                                                                 <?php else : ?>
-                                                                    <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;">
+                                                                    <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;">
                                                                 <?php endif; ?>
                                                             </div>
                                                             <div class="vendor-details" style="display:inline-block;">
@@ -291,36 +292,39 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
 
                                                     </div>
                                                 </div>
-                                            </div>
-                                    <?php
-                                        }
-                                        $count++; 
-                                    }
-                                    ?>
+                                            </div> -->
+                                    <!-- <?php
+                                    //    }
+                                   //     $count++; 
+                                 //   }
+                                    ?> -->
                                 </div>
                             </div>
                         </div>
-                    <?php endif; ?>
+                    <!-- <?php 
+                    // endif;
+                     ?> -->
                     <!-- 02-22-2024 Jun Jihad Vendor Search -->
                     
                     <!-- Shop content Start -->
                     <div class="shop-pro-content">
                         <div class="shop-pro-inner list-view">
-                            <div class="row">
-                                <?php
-                                $productsPerPage = 10; // Set the number of products to display per page
-                                $currentPage = isset($_GET['page']) ? max(1, intval($_GET['page'])) : 1;
-                                $startIndex = ($currentPage - 1) * $productsPerPage;
-                                $endIndex = min($startIndex + $productsPerPage - 1, count($filteredProducts) - 1);
+                        <div class="row" id="product-container">
 
-                                for ($x = $startIndex; $x <= $endIndex; $x++) {
-                                    $product = $filteredProducts[$x]['product'];
-                                    $productWithoutSpecs = $product;
-                                    unset($productWithoutSpecs['specifications']);
-                                    $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
-                                    // $product_image = !empty($product["product_image"]) ? $product["product_image"] : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/330px-No-Image-Placeholder.svg.png";
-                                    $sale_price = isset($product['sale_price']) ? $product['sale_price'] : null;
-                                    $regular_price = isset($product['regular_price']) ? $product['regular_price'] : null;
+                                <?php
+                                // $productsPerPage = 10; // Set the number of products to display per page
+                                // $currentPage = isset($_GET['page']) ? max(1, intval($_GET['page'])) : 1;
+                                // $startIndex = ($currentPage - 1) * $productsPerPage;
+                                // $endIndex = min($startIndex + $productsPerPage - 1, count($filteredProducts) - 1);
+
+                                // for ($x = $startIndex; $x <= $endIndex; $x++) {
+                                //     $product = $filteredProducts[$x]['product'];
+                                //     $productWithoutSpecs = $product;
+                                //     unset($productWithoutSpecs['specifications']);
+                                //     $vendorOfProduct = getVendorbyId($product['vendor_api_id']);
+                                //     // $product_image = !empty($product["product_image"]) ? $product["product_image"] : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/330px-No-Image-Placeholder.svg.png";
+                                //     $sale_price = isset($product['sale_price']) ? $product['sale_price'] : null;
+                                //     $regular_price = isset($product['regular_price']) ? $product['regular_price'] : null;
                                 ?>
                                     <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content width-100">
                                         <div class="ec-product-inner">
@@ -333,19 +337,19 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                    <img loading="lazy" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" 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 loading="lazy" style="border: 1px solid #eeeeee; height: 330px; object-fit: cover;" 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 class="main-image" src="<?php echo   $product_image  ?>" alt="Product" />
-                                                        <img class="hover-image" src="<?php echo   $product_image  ?>" alt="Product" />
+                                                        <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" />
                                                     </a> -->
                                                     <div class="ec-pro-actions" style="bottom: -36px;">
                                                         <!-- 02-29-2024 Stacy disabling hover add to cart if there's no price -->
@@ -388,14 +392,14 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                         </div>
                                     </div>
                                 <?php
-                                }
+                                // }
                                 ?>
                             </div>
                         </div>
                         <!-- Ec Pagination Start -->
                         <div class="ec-pro-pagination">
-                            <span>Showing <?php echo $startIndex + 1; ?>-<?php echo $endIndex + 1; ?> of <?php echo count($filteredProducts); ?> item(s)</span>
-                            <ul class="ec-pro-pagination-inner">
+                        <span class="page-indicator">Showing <?php echo $startIndex + 1; ?>-<?php echo $endIndex + 1; ?> of <?php echo count($filteredProducts); ?> item(s)</span>
+                            <ul class="ec-pro-pagination-inner " id='prod-search-pagination'>
 
                                 <?php
                                 $totalPages = ceil(count($filteredProducts) / $productsPerPage);
@@ -446,6 +450,447 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                     </div>
                     <!--Shop content End -->
                 </div>
+                <script>
+    // JavaScript
+    document.addEventListener("DOMContentLoaded", function() {
+        const productsPerPage = 30;
+        let currentPage = 1;
+        let page = currentPage;
+        loadVendors(page); // Initial load of vendor products
+        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?.results?.filter((product) => {
+    let categoryF = product?.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?.results;
+    }
+
+    // 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.product.sale_price);
+    var regularPrice = parseInt(product.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 = {results:filteredProducts}
+    return final;
+}
+function loadVendors(page,isFilter) {
+    document.querySelector(".vendor-list").innerHTML ="";
+
+  // Create a new XMLHttpRequest object for fetching vendors
+let xhrVendors = new XMLHttpRequest();
+
+// Define the endpoint URL for fetching vendors
+let vendorsEndpointURL = `https://<?php echo htmlspecialchars($_SESSION["data_endpoint"]); ?>/api/v1/vendors/search?q=<?php echo $_GET['search'] ?>`;
+
+// Open a GET request to fetch vendors
+xhrVendors.open("GET", vendorsEndpointURL, true);
+
+// Set up a callback function to handle the vendors response
+xhrVendors.onreadystatechange = function() {
+    if (xhrVendors.readyState === 4 && xhrVendors.status === 200) {
+        // Parse the response JSON for vendors
+        let vendorsResponse = JSON.parse(xhrVendors.responseText);
+
+        // Create an array to store vendor IDs
+        let vendorIds = vendorsResponse.results.map(vendor => vendor._id);
+
+        // Create a new XMLHttpRequest object for fetching products
+        let xhrProducts = new XMLHttpRequest();
+
+        // Define the endpoint URL for fetching products
+        let productsEndpointURL = `https://<?php echo htmlspecialchars($_SESSION["data_endpoint"]); ?>/api/v1/products`;
+
+        // Open a GET request to fetch products
+        xhrProducts.open("GET", productsEndpointURL, true);
+
+        // Set up a callback function to handle the products response
+        xhrProducts.onreadystatechange = function() {
+            if (xhrProducts.readyState === 4 && xhrProducts.status === 200) {
+                // Parse the response JSON for products
+                let productsResponse = JSON.parse(xhrProducts.responseText);
+                console.log(productsResponse)
+                // Create an object to store vendor-wise product counts
+                let vendorProductCounts = {};
+
+                // Iterate through each product and count the products associated with each vendor
+                productsResponse.forEach(function(product) {
+                    // Increment product count for the vendor
+                    if (!vendorProductCounts[product.vendor_api_id]) {
+                        vendorProductCounts[product.vendor_api_id] = 1;
+                    } else {
+                        vendorProductCounts[product.vendor_api_id]++;
+                    }
+                });
+
+                // Now, we have vendor-wise product counts, we can use it to display the counts for each vendor
+                if(vendorsResponse.results.length>0){
+
+                vendorsResponse.results.slice(0,6).forEach(function(vendor) {
+                    let vendorId = vendor._id;
+                    let productCount = vendorProductCounts[vendorId] || 0;
+                    let vendorDateRegistered = new Date(vendor.date_registered); 
+
+                // Format the date as "Month DD, YYYY"
+                let options = { month: 'long', day: '2-digit', year: 'numeric' };
+                let formattedDate = vendorDateRegistered.toLocaleDateString('en-US', options); 
+
+                    // Create a product card element
+                    let card = document.createElement("div");
+                    card.classList.add("col-md-12");
+                    card.innerHTML = `
+                        <div class="card" style="margin:5px">
+                            <div class="card-body">
+                                <div class="vendor-info" style="display: flex; align-items: center; flex-wrap:wrap; justify-content:center">
+                                    <div class="ec-catalog-vendor" style="display: inline-block; margin-bottom:10px">
+                                    <a href="catalog-single-vendor.php?id=${vendorId}">
+
+                                        <img loading="lazy" src="${vendor.vendor_image ? vendor.vendor_image : 'https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png'}" alt="${vendor.user_login}" class="vendor-image" style="max-width: 100px; max-height: 100px;">
+                                        </a>
+                                   
+                                        </div>
+                                    <div class="vendor-details" style="display:inline-block; max-width:300px">
+                                        <a href="catalog-single-vendor.php?id=${vendorId}">
+                                            <h6 class="ec-pro-title" style="padding:0 30px;font-family: Poppins, sans-serif; text-decoration: none; color: #777;white-space: nowrap;text-overflow: ellipsis;display: block;font-size: 16px;font-weight: 400;">
+                                                ${vendor.user_login}
+                                            </h6>
+                                        </a>
+                                    </div>
+                                    <div class="card text-center" style="margin-left: auto; margin-right: 5px;">
+                                        <div class="card-body">
+                                            <h6>Seller Productsss</h6>
+                                            <p>${productCount}</p>
+                                        </div>
+                                    </div>
+                                    <div class="card text-center" style="margin-left: 5px; margin-right: 5px; min-width:180px">
+                                        <div class="card-body">
+                                            <h6>Seller since</h6>
+                                            <p>${formattedDate}</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>`;
+                    // Append the product card to the container
+                    document.querySelector(".vendor-list").appendChild(card);
+                });
+            }else{
+                document.querySelector(".vendor-list").innerHTML=`
+                <h6>No vendors available</h6>
+                
+                `;
+
+            }
+            }
+        };
+
+        // Send the request to fetch products
+        xhrProducts.send();
+    }
+};
+
+// Send the request to fetch vendors
+xhrVendors.send();
+
+}
+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/search?q=<?php echo $_GET['search'] ?>", true);
+
+    xhr.onreadystatechange = function() {
+    if (xhr.readyState == 4 && xhr.status == 200) {
+        // Parse JSON response
+        let products = JSON.parse(xhr.responseText);
+
+        // 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-container");
+        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.results.length>0){
+                let productsForPage = products.results.slice(startIndex, endIndex + 1);
+
+
+                productsForPage.forEach(function(prod) {
+            let product = prod.product;
+            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-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>
+                        <h6 class="" style="color:#ddd3 !important; font-size:13px; padding-top:10px; padding-bottom:10px"><a href="product-left-sidebar.php?id=${vendor._id}" style="width: 90%; text-wrap: wrap;"> <img style="width:25px; height:25px; border-radius:60px; border: 1px solid #eeee" src="${vendor.vendor_image ?? "https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png"}" /> ${vendor.user_login}</a></h5>
+
+                    </div>
+                </div>`;
+            productContainer.appendChild(card);
+            updatePaginationUI(page, products.results.length);
+        });
+        gridList()
+        }else{
+                document.getElementById("product-container").innerHTML=`
+                <h6>No products available</h6>
+                
+                `;
+
+            }
+
+    }
+    else{
+                document.getElementById("product-container").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="ec-shop-leftside col-lg-3 order-lg-first col-md-12 order-md-last">
                     <div class="ec-sidebar-wrap ec-border-box">
@@ -512,21 +957,26 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                                     </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" 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" 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>
+                                                <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> -->
                                                 </li>
                                             </ul>
                                             <!-- <button type="submit">Apply</button> -->
@@ -693,36 +1143,36 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                             <!-- Swiper -->
                             <div class="qty-product-cover">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                         </div>
@@ -815,7 +1265,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
 
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -853,7 +1303,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 src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -875,7 +1325,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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -897,7 +1347,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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -919,7 +1369,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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -943,7 +1393,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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -958,7 +1408,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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/shop-list-left-sidebar2.php b/shop-list-left-sidebar2.php
index 2151d22..883eaec 100644
--- a/shop-list-left-sidebar2.php
+++ b/shop-list-left-sidebar2.php
@@ -210,17 +210,17 @@ if ($_SESSION["userId"] <> "") {
                                                                 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: 330px;" />
+                                                                    <img loading="lazy" class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;" />
                                                                 <?php
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <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" />
+                                                                <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" />
                                                             <?php
                                                             }
                                                             ?>
-                                                        <!-- <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" /> -->
+                                                        <!-- <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" /> -->
                                                     </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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -807,7 +807,7 @@ if ($_SESSION["userId"] <> "") {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/terms-condition.php b/terms-condition.php
index e1cb7b6..923ea8e 100644
--- a/terms-condition.php
+++ b/terms-condition.php
@@ -468,7 +468,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/user-history.php b/user-history.php
index b9becb2..2cd539b 100644
--- a/user-history.php
+++ b/user-history.php
@@ -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 class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
+                                    <img loading="lazy" 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 class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
+                                    <img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                            <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product">
+                                                                <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"><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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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>
@@ -1069,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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
@@ -1093,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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
@@ -1119,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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
@@ -1145,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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
@@ -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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
@@ -1226,7 +1226,7 @@ if ($_SESSION["isVendor"] == true) {
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1264,7 +1264,7 @@ if ($_SESSION["isVendor"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1286,7 +1286,7 @@ if ($_SESSION["isVendor"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1308,7 +1308,7 @@ if ($_SESSION["isVendor"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1330,7 +1330,7 @@ if ($_SESSION["isVendor"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1354,7 +1354,7 @@ if ($_SESSION["isVendor"] == true) {
         <div class="ec-right-bottom">
             <div class="ec-box">
                 <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -1369,7 +1369,7 @@ if ($_SESSION["isVendor"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/user-profile.php b/user-profile.php
index 334725b..d44ef18 100644
--- a/user-profile.php
+++ b/user-profile.php
@@ -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 class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
+                                    <img loading="lazy" 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 class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
+                                                <img loading="lazy" 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>
@@ -1142,7 +1142,7 @@ if ($_SESSION["isVendor"] == true) {
                                     </div> -->
                                     <div class="thumb-preview ec-preview">
                                         <div class="image-thumb-preview">
-                                            <!-- <img class="image-thumb-preview ec-image-preview v-img" src=<?php echo $customer_data[0]['customer_image'] ?> alt="edit" /> -->
+                                            <!-- <img loading="lazy" 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 class="image-thumb-preview ec-image-preview v-img" src=<?php echo $customer_image ?> alt="edit" />
+                                            <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1322,7 +1322,7 @@ if ($_SESSION["isVendor"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/user-refund-history.php b/user-refund-history.php
index 944a02d..cea1c0c 100644
--- a/user-refund-history.php
+++ b/user-refund-history.php
@@ -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 class="v-img" src="assets/images/user/1.jpg" alt="vendor image">
+                                    <img loading="lazy" 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 class="v-img" src=<?php echo $customer_image ?> alt="vendor image">
+                                    <img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                                <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                                <td><img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                            <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" />
                         </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 class="prod-img" style="width:50%; height:auto;" src="${jsonObject.return_order.image}" alt="product">
+                                    <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1268,7 +1268,7 @@ if ($_SESSION["isVendor"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-all-product-list.php b/vendor-all-product-list.php
index 7645feb..889b1d4 100644
--- a/vendor-all-product-list.php
+++ b/vendor-all-product-list.php
@@ -150,11 +150,11 @@ $products = productList();
                                     <!-- 03-12-2024 Stacy added placeholder for vendor profile -->
                                     <?php
                                         if (!empty($vendorData['vendor_image'])) { ?>
-                                            <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                            <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                         <?php } else { ?>
-                                            <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                            <img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
                                     <?php } ?>
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- <img loading="lazy" 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 style="margin-top:8px;" class="prod-img"  src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" style="margin-top:8px;" class="prod-img"  src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <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" />
+                                                            <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" />
                                                         <?php
                                                         }
                                                         ?>
                                                     <!-- <?php
                                                         if (isset($product['product_image']) && !empty($product['product_image'])) {
-                                                            echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
+                                                            echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
                                                         } else {
-                                                            echo '<img src="admin/assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
+                                                            echo '<img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -482,7 +482,7 @@ $products = productList();
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-dashboard-orders-edit.php b/vendor-dashboard-orders-edit.php
index 32f428d..88c11e3 100644
--- a/vendor-dashboard-orders-edit.php
+++ b/vendor-dashboard-orders-edit.php
@@ -142,11 +142,11 @@ $array = json_decode($result, true);
                                                         <?php
                                                         if (isset($array['items'][0]['product']['product_image'])) {
                                                         ?>
-                                                            <img class="ec-image-preview" src="<?php echo $array['items'][0]['product']['product_image']; ?>" alt="edit" />
+                                                            <img loading="lazy" class="ec-image-preview" src="<?php echo $array['items'][0]['product']['product_image']; ?>" alt="edit" />
                                                         <?php
                                                         } else {
                                                         ?>
-                                                            <img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
+                                                            <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -341,7 +341,7 @@ $array = json_decode($result, true);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-dashboard.php b/vendor-dashboard.php
index 9b16140..5c03526 100644
--- a/vendor-dashboard.php
+++ b/vendor-dashboard.php
@@ -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 class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- <img loading="lazy" 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 class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                        <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                     <?php } else { ?>
-                                        <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                        <img loading="lazy" 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 class="prod-img" src="<?php echo $orderItems['items'][0]['product']['product_image']; ?>" alt="edit" />
+                                                            <img loading="lazy" class="prod-img" src="<?php echo $orderItems['items'][0]['product']['product_image']; ?>" alt="edit" />
                                                         <?php
                                                         } else {
                                                         ?>
-                                                            <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" />
+                                                            <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" />
                                                         <?php
                                                         }
                                                         ?>
 
                                                         <!-- <?php
                                                         if (isset($item['product']['product_image']) && !empty($item['product']['product_image'])) {
-                                                            echo '<img src="' . $item['product']['product_image'] . '" alt="Product Image" class="prod-img">';
+                                                            echo '<img loading="lazy" src="' . $item['product']['product_image'] . '" alt="Product Image" class="prod-img">';
                                                         } else {
-                                                            echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image">';
+                                                            echo '<img loading="lazy" 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 class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                            <img loading="lazy" class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <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" />
+                                                            <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" />
                                                         <?php
                                                         }
                                                     ?>
 
                                                     <!-- <?php
                                                         if (isset($product['product_image']) && !empty($product['product_image'])) {
-                                                            echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
+                                                            echo '<img loading="lazy" src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
                                                         } else {
-                                                            echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
+                                                            echo '<img loading="lazy" 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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -676,7 +676,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-list.php b/vendor-list.php
index f2bf719..5c78616 100644
--- a/vendor-list.php
+++ b/vendor-list.php
@@ -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 src="assets/images/product-image/6_1.jpg" alt="product"></a>
+                        <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>
                         <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 src="assets/images/product-image/12_1.jpg" alt="product"></a>
+                        <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>
                         <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 src="assets/images/product-image/3_1.jpg" alt="product"></a>
+                        <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>
                         <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 src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
+                                            ?><img loading="lazy" src="https://api.obanana.com/images/storage/web_images/1710214273217-no_image.png" alt="vendor img"><?php
                                         }else{
-                                            ?><img src="<?php echo $vendor['vendor_image'] ?>" alt="vendor img"><?php
+                                            ?><img loading="lazy" 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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -482,7 +482,7 @@ $products = productList();
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-payments.php b/vendor-payments.php
index aab47e6..0ae5003 100644
--- a/vendor-payments.php
+++ b/vendor-payments.php
@@ -171,11 +171,11 @@ if ($_SESSION["isCustomer"] == true) {
                                 <div class="ec-vendor-block-detail">
                                 <?php
                                 if (!empty($vendorData['vendor_image'])) { ?>
-                                    <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                 <?php } else { ?>
-                                    <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                    <img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
                                 <?php } ?>
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- <img loading="lazy" 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">
@@ -701,7 +701,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-payouts.php b/vendor-payouts.php
index 3e1ea11..bd977a2 100644
--- a/vendor-payouts.php
+++ b/vendor-payouts.php
@@ -367,7 +367,7 @@ $vendorPayoutData = json_decode($response, true);
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class=" recent-purchase">
-            <img src="assets/images/product-image/1.jpg" alt="payment image">
+            <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
             <div class="detail">
                 <p>Someone in new just bought</p>
                 <h6>stylish baby shoes</h6>
@@ -405,7 +405,7 @@ $vendorPayoutData = json_decode($response, true);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 +427,7 @@ $vendorPayoutData = json_decode($response, true);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 +449,7 @@ $vendorPayoutData = json_decode($response, true);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 +471,7 @@ $vendorPayoutData = json_decode($response, true);
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 +495,7 @@ $vendorPayoutData = json_decode($response, true);
         <div class="ec-right-bottom">
             <div class="ec-box">
                 <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -510,7 +510,7 @@ $vendorPayoutData = json_decode($response, true);
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-profile.php b/vendor-profile.php
index ba68c42..f6ca0df 100644
--- a/vendor-profile.php
+++ b/vendor-profile.php
@@ -66,7 +66,7 @@
                 </div>
                 <ul class="eccart-pro-items">
                     <li>
-                        <a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
+                        <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>
                         <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
+                        <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>
                         <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
+                        <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>
                         <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 class="v-img" src="assets/images/vendor/5.jpg" alt="vendor image">
+                                                <img loading="lazy" 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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -436,7 +436,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-refund-history.php b/vendor-refund-history.php
index b04f40d..6c3acbf 100644
--- a/vendor-refund-history.php
+++ b/vendor-refund-history.php
@@ -252,11 +252,11 @@ if ($_SESSION["isCustomer"] == true) {
                                 <div class="ec-vendor-block-detail">
                                 <?php
                                 if (!empty($vendorData['vendor_image'])) { ?>
-                                    <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                 <?php } else { ?>
-                                    <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                    <img loading="lazy" class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
                                 <?php } ?>
-                                    <!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                    <!-- <img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" 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 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 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"><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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" 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 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 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"><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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" 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 class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td><img loading="lazy" 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 class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
+                                                        <td><img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                        <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" />
                     </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 class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                                <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1311,7 +1311,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-registration-steps.php b/vendor-registration-steps.php
index 69503e5..e2eb6f6 100644
--- a/vendor-registration-steps.php
+++ b/vendor-registration-steps.php
@@ -241,7 +241,7 @@
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-settings.php b/vendor-settings.php
index 3d976e4..39c350f 100644
--- a/vendor-settings.php
+++ b/vendor-settings.php
@@ -192,13 +192,13 @@ if ($_SESSION["isCustomer"] == true) {
                                                 <!-- 02-26-2024 Stacy added placeholder-->
                                                 <?php
                                                 if (!empty($vendorData['vendor_image'])) { ?>
-                                                    <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                                    <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                                 <?php } else { ?>
-                                                    <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                                    <img loading="lazy" 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 class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
+                                                <!-- <img loading="lazy" class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
                                                 <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                             </div>
                                         </div>
@@ -1337,7 +1337,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 class="image-thumb-preview ec-image-preview v-img" src="' . $vendorData['vendor_banner'] . '" alt="edit" />';
+                                            echo '<img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="' . $vendorData['vendor_banner'] . '" alt="edit" />';
                                         }
                                         ?>
                                     </div>
@@ -1353,9 +1353,9 @@ if ($_SESSION["isCustomer"] == true) {
                                     <div class="thumb-preview ec-preview">
                                     <div class="image-thumb-preview">
                                         <?php if (!empty($vendorData['vendor_image'])): ?>
-                                            <img class="image-thumb-preview ec-image-preview v-img" src="<?php echo $vendorData['vendor_image']; ?>" alt="edit" />
+                                            <img loading="lazy" class="image-thumb-preview ec-image-preview v-img" src="<?php echo $vendorData['vendor_image']; ?>" alt="edit" />
                                         <?php else: ?>
-                                            <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" />
+                                            <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" />
                                         <?php endif; ?>
                                     </div>
                                     </div>
@@ -1620,7 +1620,7 @@ if ($_SESSION["isCustomer"] == true) {
     <!-- raymart remove popup feb 20 2024 -->
     <!-- Recent Purchase Popup  -->
     <!-- <div class="recent-purchase">
-        <img src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -1658,7 +1658,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1680,7 +1680,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1702,7 +1702,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1724,7 +1724,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 -->
@@ -1748,7 +1748,7 @@ if ($_SESSION["isCustomer"] == true) {
         <div class="ec-right-bottom">
             <div class="ec-box">
                 <div class="ec-button rotateBackward">
-                    <img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
                 </div>
             </div>
         </div>
@@ -1763,7 +1763,7 @@ if ($_SESSION["isCustomer"] == true) {
             <h3>Features</h3>
         </div>
         <a href="#" class="ec-tools-sidebar-toggle in-out">
-            <img alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/vendor-uploads.php b/vendor-uploads.php
index 775fb0c..826b0b6 100644
--- a/vendor-uploads.php
+++ b/vendor-uploads.php
@@ -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 class="v-img" src=<?php #echo $vendorData['vendor_image'] 
+                                    <!-- <img loading="lazy" 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 class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
+                                        <img loading="lazy" class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                     <?php } else { ?>
-                                        <img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
+                                        <img loading="lazy" 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 class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
+                                                                <img loading="lazy" class="ec-image-preview" src="<?php echo $first_image_url; ?>" alt="edit" />
                                                             <?php
                                                             }
                                                         } else {
                                                             ?>
-                                                            <img class="ec-image-preview" src="assets/images/product-image/vender-upload-preview.jpg" alt="edit" />
+                                                            <img loading="lazy" 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 class="image-thumb-preview ec-image-preview" src="<?php echo $image_url; ?>" alt="edit" />
+                                                                    <img loading="lazy" 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 class="image-thumb-preview ec-image-preview" src="assets/images/product-image/vender-upload-thumb-preview.jpg" alt="edit" />
+                                                                <img loading="lazy" 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 class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
                                 </div>
                             </div>
                             <div class="qty-nav-thumb">
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
+                                    <img loading="lazy" class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
                                 </div>
                                 <div class="qty-slide">
-                                    <img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
+                                    <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -950,7 +950,7 @@ if ($_SESSION["isCustomer"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
diff --git a/wishlist.php b/wishlist.php
index 1b9e588..241bac6 100644
--- a/wishlist.php
+++ b/wishlist.php
@@ -151,7 +151,7 @@ if ($_SESSION["isVendor"] == true) {
     <!-- <section class="labels section-space-p">
         <div class="container">
             <div class="row">
-                <img src="./assets/images/comingsoon.png" alt="">
+                <img loading="lazy" 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 class="main-image" src="<?php echo $product["product_image"]; ?>" alt="Product" />
-                                                        <!-- <img class="hover-image" src="<?php echo $product["product_image"]; ?>" alt="Product" /> -->
+                                                        <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" /> -->
                                                     </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 class="ec-brand-img" src="assets/images/offer-image/2.jpg" alt="" />
+                            <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/3.jpg" alt="" />
+                            <img loading="lazy" 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 class="ec-brand-img" src="assets/images/offer-image/4.jpg" alt="" />
+                            <img loading="lazy" 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 src="assets/images/product-image/1.jpg" alt="payment image">
+        <img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
         <div class="detail">
             <p>Someone in new just bought</p>
             <h6>stylish baby shoes</h6>
@@ -584,7 +584,7 @@ if ($_SESSION["isVendor"] == true) {
                             <div class="d-flex bd-highlight">
                                 <!-- Profile Picture -->
                                 <div class="ec-img-cont">
-                                    <img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
+                                    <img loading="lazy" 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 class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
+                    <img loading="lazy" 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 alt="icon" src="assets/images/common/settings.png" />
+            <img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
         </a>
         <div class="ec-tools-detail">
             <div class="ec-tools-sidebar-content ec-change-color ec-color-desc">