diff --git a/components/Cart/CartContents.vue b/components/Cart/CartContents.vue
index cdea8f31..21a51f33 100644
--- a/components/Cart/CartContents.vue
+++ b/components/Cart/CartContents.vue
@@ -15,7 +15,7 @@
         @remove="handleRemoveProduct"
       />
     </section>
-    <CommonButton link-to="/checkout" center-button>
+    <CommonButton v-if="showCheckoutButton" link-to="/checkout" center-button>
       CHECKOUT
     </CommonButton>
   </div>
@@ -33,6 +33,13 @@ import { computed, ref, onMounted } from 'vue';
 import { useCart } from "@/store/useCart";
 import CommonButton from '@/components/common/CommonButton.vue';
 
+const props = defineProps({
+  showCheckoutButton: {
+    type: Boolean,
+    default: false
+  }
+});
+
 const cart = useCart();
 const isLoading = ref(true);
 const error = ref(null);
diff --git a/pages/cart.vue b/pages/cart.vue
index 883f4b39..2f904adf 100644
--- a/pages/cart.vue
+++ b/pages/cart.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <CartContents show-checkout-button />
+    <CartContents :show-checkout-button="true" />
   </div>
 </template>