added product & shop

components/cart.html

@@ -0,0 +1,35 @@
+<div class="container maincontent cartpage">
+    <div class="cart-container">
+        <h1 class="display-2">Einkaufswagen</h1>
+        <table class="table table-striped table-hover table-bordered">
+            <thead>
+                <tr>
+                    <th><strong>Product ID</strong></th>
+                    <th class="text-center"><strong>Löschen</strong></th>
+                    <th><strong>Produktname</strong></th>
+                    <th class="text-end"><strong>Preis</strong></th>
+                    <th class="text-end"><strong>Anzahl</strong></th>
+                    <th class="text-end"><strong >Gesamtpreis pro Produkt</strong></th>
+                </tr>
+            </thead>
+            <tbody id="carttable">
+            </tbody>
+        </table>
+        <hr>
+        <table class="table table-striped" id="carttotals">
+            <tr>
+                <td><strong>Gesamtanzahl</strong></td>
+                <td class="text-end"><strong>Gesamtpreis</strong></td>
+            </tr>
+            <tr>
+                <td>x <span id="itemsquantity">0</span></td>
+                <td class="text-end"><span id="total">0</span>€</td>
+            </tr>
+        </table>
+        <div class="cart-buttons">
+            <button type="button" class="btn btn-danger" id="emptycart">Empty Cart</button>
+            <button type="button" class="btn btn-success float-end" id="checkout">Checkout</button>
+        </div>
+    </div>
+</div>
+<script src="../js/cart.js"></script>