1 files changed, 15 insertions, 0 deletions
diff --git a/iridescence/src/components/ProductCard.vue b/iridescence/src/components/ProductCard.vue
index cfea0fd..67fbfbd 100644
--- a/iridescence/src/components/ProductCard.vue
+++ b/iridescence/src/components/ProductCard.vue
@@ -26,12 +26,27 @@
         </div>
       </div>
     </div>
+    <ProductDetail
+      v-if="id == 6"
+      v-bind="{
+        id: id,
+        name: name,
+        quantity: quantity,
+        cents: cents,
+        photo_base: photo_base,
+        photo_fullsize: photo_fullsize,
+        description: description
+      }"
+    ></ProductDetail>
   </div>
 </template>
 
 <script>
+import ProductDetail from "@/components/ProductDetail.vue";
+
 export default {
   name: "ProductCard",
+  components: { ProductDetail },
   props: {
     id: Number,
     name: String,