Skip to content
Snippets Groups Projects
Commit 06fe8fba authored by Ignacio Hernández de la Fuente's avatar Ignacio Hernández de la Fuente
Browse files

+ - buttons added somewhere else

parent ba46bac7
No related merge requests found
......@@ -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>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment