Update app.py

app.py

@@ -375,11 +375,25 @@ def app():
 
             # Button to navigate to Cart Page
             
+            # Floating "View Cart" button (HTML for dynamic positioning)
             view_cart_floating_button = gr.HTML(
                 """
                 <button id="view-cart-btn" onclick="openCart()">View Cart</button>
+                <script>
+                    function openCart() {
+                        // Simulate a click event to navigate to the cart
+                        const cartButton = document.querySelector('[data-testid="view-cart-button"]');
+                        if (cartButton) {
+                            cartButton.click();
+                        } else {
+                            alert("Cart navigation button not found!");
+                        }
+                    }
+                </script>
                 """
             )
+            # Add the "data-testid" attribute to the Gradio Button for proper referencing
+            view_cart_navigation_button = gr.Button("View Cart", elem_id="view-cart-button", visible=False)
 
             # Modal window
             modal_window = gr.HTML("""
@@ -461,9 +475,9 @@ def app():
             outputs=[login_section, signup_section],
         )
         # Navigate to Cart Page
-        view_cart_button.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
+        view_cart_navigation_button.click(
+             lambda: (gr.update(visible=False), gr.update(visible=True)),
+             outputs=[menu_section, cart_section],
         )
         # Navigate Back to Menu Page
         back_to_menu_button.click(