diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 1839ce2..5cec414 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -100,6 +100,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { name: "Contact", id: "contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
+                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -167,6 +168,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { name: "Contact", id: "contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
+                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -241,6 +243,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                             { name: "Contact", id: "contact" },
                             { name: "Shop", id: "/shop" }
                         ]}
+                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">