From 06fe8fba4c94ab5d57c770b02d273bbdecd47406 Mon Sep 17 00:00:00 2001
From: heighn23
<Ignacio.Hernandez_de_la_fuente@Student.Reutlingen-University.DE>
Date: Thu, 11 Jan 2024 17:08:08 +0100
Subject: [PATCH] + - buttons added somewhere else
---
startbootstrap-agency-gh-pages/index.php | 83 ++++++++++++++++++++++--
1 file changed, 76 insertions(+), 7 deletions(-)
diff --git a/startbootstrap-agency-gh-pages/index.php b/startbootstrap-agency-gh-pages/index.php
index d535ac1..f5597be 100644
--- a/startbootstrap-agency-gh-pages/index.php
+++ b/startbootstrap-agency-gh-pages/index.php
@@ -75,16 +75,11 @@ include("../html/data_treatment/connect_database.php");
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<a href="shoppingPage.php"><i class="fa-solid fa-cart-shopping"></i></a>
- <style>
- .fa-cart-shopping{
- color: white;
- font-size: 25px
- }
- </style>
+ <div id="onlineUsers" style="color:white">Loading ...</div>
+
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li>
- <div id="onlineUsers" style="color:white">Loading ...</div>
</li>
<li>
@@ -100,6 +95,17 @@ include("../html/data_treatment/connect_database.php");
</ul>
</div>
</div>
+ <style>
+ #search {
+ width: 50%;
+ margin-right: 50px ;
+ }
+ .fa-cart-shopping{
+ color: white;
+ font-size: 25px;
+ margin-right: 240px;
+ }
+ </style>
</nav>
<!-- Masthead-->
<header class="masthead">
@@ -191,8 +197,11 @@ include("../html/data_treatment/connect_database.php");
<div class="portfolio-caption-heading"><?php echo $articles[$i]["itemName"]?></div>
<div class="portfolio-caption-subheading text-muted"><?php echo $articles[$i]["price"]." €"?></div>
</div>
+
</div>
+
</div>
+
<?php };?>
</div>
</div>
@@ -321,6 +330,66 @@ include("../html/data_treatment/connect_database.php");
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
Add to shopping cart
</button>
+ <div class="quantity">
+
+ <button onclick="decrementQuantity(this)">-</button>
+ <input type="text" value="1" id="quantity1" readonly>
+ <button onclick="incrementQuantity(this)">+</button>
+ </div>
+ <script>
+ function incrementQuantity(button) {
+ var input = button.parentNode.querySelector('input');
+ var value = parseInt(input.value, 10);
+ input.value = value + 1;
+ }
+
+ function decrementQuantity(button) {
+ var input = button.parentNode.querySelector('input');
+ var value = parseInt(input.value, 10);
+ if (value > 0) {
+ input.value = value - 1;
+ }
+ }
+ function removeProduct(button) {
+ var product = button.parentNode.parentNode;
+ product.parentNode.removeChild(product);
+ }
+ </script>
+ <style>
+ .button-container {
+ text-align: center;
+ }
+ .product {
+ border: 1px solid #ddd;
+ margin: 1em;
+ padding: 1em;
+ text-align: center;
+ }
+ .page-section h3.section-subheading, .page-section .section-subheading.h3 {
+ margin-bottom: 0;
+ }
+ .remove-button {
+ background-color: #ff6961; /* Light red color */
+ color: #fff;
+ border: none;
+ padding: 0.5em;
+ cursor: pointer;
+ }
+ .quantity button {
+ background-color: #333;
+ color: #fff;
+ border: none;
+ padding: 0.5em;
+ cursor: pointer;
+ }
+
+ .quantity input {
+ width: 2em;
+ text-align: center;
+ margin: 0 0.5em;
+ }
+
+ </style>
</div>
</div>
</div>
--
GitLab