Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Merge pull request 'Hinzufügen des Warenkorbs und css NICHT fertig/final' (#22) from Warenkorb into develop

Browse Source 
Reviewed-on: #22
This commit is contained in:
Fabian 2025-04-11 06:19:40 +00:00
commit f64467f955
4 changed files with 118 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
public/Warenkorb/warenkorb.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Warenkorb</title>
<link rel="stylesheet" href="/Styles/Warenkorb/warenkorb.css">
</head>
<body>
<div class="warenkorb">
<h2>🛒 Dein Warenkorb</h2>
<div class="item">
<div class="info">
<span class="name">Produkt 1</span>
</div>
<button class="remove">Entfernen</button>
</div>
<div class="item">
<div class="info">
<span class="name">Produkt 2</span>
</div>
<button class="remove">Entfernen</button>
</div>
<div class="summary">
</div>
<button class="checkout">Zur Kasse gehen</button>
</div>
</body>
</html>

4
public/startseite/startseite.html
View File

@ -15,10 +15,10 @@
<h1>Autohändler Webshop</h1>
<div class="header-right">
<a href="/login" class="login-btn">Login</a>
<div class="cart">
<a href="/warenkorb" class="cart">
<i class='bx bx-cart'></i>
<span class="cart-count">0</span>
</div>
</a>
</div>
</header>

3
scripts/routes/other/route-index.js
View File

@ -17,4 +17,7 @@ router.get('/registrieren', (req, res) => {
res.sendFile(path.join(__dirname, '../../../public/registrieren/registrieren.html'));
})
router.get('/Warenkorb', (req, res) => {
res.sendFile(path.join(__dirname, '../../../public/warenkorb/warenkorb.html'));
})
module.exports = router;

79
static/Styles/Warenkorb/warenkorb.css Normal file
View File

@ -0,0 +1,79 @@
body {
font-family: Arial, sans-serif;
background-color: #f3f3f3;
margin: 0;
padding: 130px;
}
.warenkorb {
max-width: 500px;
margin: 0 auto;
background: white;
padding: 120px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.warenkorb h2 {
font-size: 30px;
text-align: center;
margin-bottom: 60px;
}
.item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ddd;
padding: 10px 0;
margin-bottom: 35px;
}
.item .info {
display: flex;
flex-direction: column;
}
.item .name {
font-weight: bold;
}
.item .price {
color: #555;
}
.remove {
background-color: #ff4d4f;
border: none;
color: white;
padding: 6px 12px;
border-radius: 6px;
cursor: pointer;
}
.remove:hover {
background-color: #e60000;
}
.summary {
text-align: right;
font-size: 1.1em;
margin: 20px 0;
}
.checkout {
display: block;
width: 100%;
padding: 12px;
background-color: #4CAF50;
border: none;
color: white;
font-size: 16px;
border-radius: 8px;
cursor: pointer;
margin-top: 90px;
}
.checkout:hover {
background-color: #45a049;
}