From 7d44fae6bd3928ab913e9d6c3b830062232d62d8 Mon Sep 17 00:00:00 2001
From: Stacy <stacyjoycemapano@gmail.com>
Date: Fri, 3 May 2024 18:12:24 +0800
Subject: [PATCH] cart & wishlist countdown in mobile view

---
 catalog-single-vendor.php   | 50 +++++++++++++++++++------------------
 index.php                   |  6 ++++-
 shop-list-left-sidebar.php  |  2 ++
 shop-list-left-sidebar2.php |  6 +++++
 4 files changed, 39 insertions(+), 25 deletions(-)

diff --git a/catalog-single-vendor.php b/catalog-single-vendor.php
index e5e3b09..bed6ddd 100644
--- a/catalog-single-vendor.php
+++ b/catalog-single-vendor.php
@@ -134,33 +134,35 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
     <script>
            function updateCartItemCount() {
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
-    xhr.onreadystatechange = function () {
-        if (xhr.readyState == 4 && xhr.status == 200) {
-            var data = xhr.responseText;
-            if (data !== "") {
-                console.log("Data: " + data);
-                document.getElementById("cartItemCount").innerHTML = data;
+                var xhr = new XMLHttpRequest();
+                xhr.open("GET", "cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
+                xhr.onreadystatechange = function () {
+                    if (xhr.readyState == 4 && xhr.status == 200) {
+                        var data = xhr.responseText;
+                        if (data !== "") {
+                            console.log("Data: " + data);
+                            document.getElementById("cartItemCount").innerHTML = data;
+                            document.getElementById("cartNewItemCount").innerHTML = data;
+                        }
+                    }
+                };
+                xhr.send();
             }
-        }
-    };
-    xhr.send();
-}
 
-function updateWishItemCount() {
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", "wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
-    xhr.onreadystatechange = function () {
-        if (xhr.readyState == 4 && xhr.status == 200) {
-            var data = xhr.responseText;
-            if (data !== "") {
-                document.getElementById("wishItemCount").innerHTML = data;
+            function updateWishItemCount() {
+                var xhr = new XMLHttpRequest();
+                xhr.open("GET", "wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", true);
+                xhr.onreadystatechange = function () {
+                    if (xhr.readyState == 4 && xhr.status == 200) {
+                        var data = xhr.responseText;
+                        if (data !== "") {
+                            document.getElementById("wishItemCount").innerHTML = data;
+                            document.getElementById("wishNewItemCount").innerHTML = data;
+                        }
+                    }
+                };
+                xhr.send();
             }
-        }
-    };
-    xhr.send();
-}
 
     </script>
     <!-- raymart added css feb 14 2024 -->
diff --git a/index.php b/index.php
index 4379ba6..b2b76be 100644
--- a/index.php
+++ b/index.php
@@ -76,11 +76,13 @@ if ($_SESSION["userId"] <> "") {
         }
     </style>
     <script>
-        function updateCartItemCount() {
+       function updateCartItemCount() {
             $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
                 if (data != "") {
                     console.log("Data: " + data + "\nStatus: " + status);
                     document.getElementById("cartItemCount").innerHTML = data;
+                    document.getElementById("cartNewItemCount").innerHTML = data;
+
                 }
             });
         }
@@ -89,6 +91,8 @@ if ($_SESSION["userId"] <> "") {
             $.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
                 if (data != "") {
                     document.getElementById("wishItemCount").innerHTML = data;
+                    document.getElementById("wishNewItemCount").innerHTML = data;
+
                 }
             });
         }
diff --git a/shop-list-left-sidebar.php b/shop-list-left-sidebar.php
index b8d58c0..6d08305 100644
--- a/shop-list-left-sidebar.php
+++ b/shop-list-left-sidebar.php
@@ -150,6 +150,7 @@ $filteredProducts = [];
             if (data !== "") {
                 console.log("Data: " + data);
                 document.getElementById("cartItemCount").innerHTML = data;
+                document.getElementById("cartNewItemCount").innerHTML = data;
             }
         }
     };
@@ -164,6 +165,7 @@ function updateWishItemCount() {
             var data = xhr.responseText;
             if (data !== "") {
                 document.getElementById("wishItemCount").innerHTML = data;
+                document.getElementById("wishNewItemCount").innerHTML = data;
             }
         }
     };
diff --git a/shop-list-left-sidebar2.php b/shop-list-left-sidebar2.php
index 883eaec..74da843 100644
--- a/shop-list-left-sidebar2.php
+++ b/shop-list-left-sidebar2.php
@@ -50,12 +50,15 @@ if ($_SESSION["userId"] <> "") {
 
     <!-- Background css -->
     <link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
+    
     <script>
         function updateCartItemCount() {
             $.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
                 if (data != "") {
                     console.log("Data: " + data + "\nStatus: " + status);
                     document.getElementById("cartItemCount").innerHTML = data;
+                    document.getElementById("cartNewItemCount").innerHTML = data;
+
                 }
             });
         }
@@ -64,10 +67,13 @@ if ($_SESSION["userId"] <> "") {
             $.get("wishlistitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data) {
                 if (data != "") {
                     document.getElementById("wishItemCount").innerHTML = data;
+                    document.getElementById("wishNewItemCount").innerHTML = data;
+
                 }
             });
         }
     </script>
+    
     <!-- raymart added css feb 14 2024 -->
     <style>
         .ec-product-inner .ec-pro-image .ec-pro-actions .add-to-cart {