Skip to content
Snippets Groups Projects
Commit afa075cc authored by totoW's avatar totoW
Browse files

Add dynamic addition of articles in the webshop homepage, added the repertory...

Add dynamic addition of articles in the webshop homepage, added the repertory of image for global acess for the webshop
parent 3955c971
Branches Feature-Lasse
No related tags found
No related merge requests found
image/laptops/1.jpg

261 KiB

image/laptops/2.jpg

161 KiB

image/laptops/3.jpg

390 KiB

...@@ -40,6 +40,7 @@ switch ($j) { ...@@ -40,6 +40,7 @@ switch ($j) {
$Fday = "Saturday"; $Fday = "Saturday";
break; break;
} }
include("../html/data_treatment/connect_database.php");
echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last online on ".$Fday." - ".$day.".".$month.".".$year."."; echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last online on ".$Fday." - ".$day.".".$month.".".$year.".";
?> ?>
...@@ -73,8 +74,7 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl ...@@ -73,8 +74,7 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0"> <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li> <li>
<form action="/search" method="GET"> <form action="/search" method="GET">
<input type="text" name="query" placeholder="Search..."> <input type="text" name="query" id=search placeholder="Search...">
<input type="submit" value="Search">
</form> </form>
</li> </li>
<li class="nav-item"><a class="nav-link" href="#services">Offers</a></li> <li class="nav-item"><a class="nav-link" href="#services">Offers</a></li>
...@@ -138,6 +138,16 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl ...@@ -138,6 +138,16 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
</div> </div>
</section> </section>
<?php
$sql = "select * from articles";
$result = $conn->query($sql);
$articles = array();
while ($row = $result->fetch_assoc()) {
$articles[] = $row;
}
?>
<!-- Portfolio Grid--> <!-- Portfolio Grid-->
<section class="page-section bg-light" id="portfolio"> <section class="page-section bg-light" id="portfolio">
<div class="container"> <div class="container">
...@@ -146,98 +156,25 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl ...@@ -146,98 +156,25 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
<h3 class="section-subheading text-muted">The best quality is here</h3> <h3 class="section-subheading text-muted">The best quality is here</h3>
</div> </div>
<div class="row"> <div class="row">
<?php
for($i=0; $i<count($articles); $i++){
?>
<div class="col-lg-4 col-sm-6 mb-4"> <div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 1--> <!-- Portfolio item 1-->
<div class="portfolio-item"> <div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal1"> <a class="portfolio-link" data-bs-toggle="modal" <?php echo 'href="#portfolioModal'.$i.'"' ?>>
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/team/2.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">HP Omen 16</div>
<div class="portfolio-caption-subheading text-muted">$950 <?php ?>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 2-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal2">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/2.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Explore</div>
<div class="portfolio-caption-subheading text-muted">Graphic Design</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 3-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal3">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/3.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Finish</div>
<div class="portfolio-caption-subheading text-muted">Identity</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
<!-- Portfolio item 4-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal4">
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div> </div>
<img class="img-fluid" src="assets/img/portfolio/4.jpg" alt="..." /> <img class="img-fluid" src=<?php echo "'../image/laptops/".$articles[$i]["imagename"]."'"; ?> alt="..." />
</a> </a>
<div class="portfolio-caption"> <div class="portfolio-caption">
<div class="portfolio-caption-heading">Lines</div> <div class="portfolio-caption-heading"><?php echo $articles[$i]["itemName"]?></div>
<div class="portfolio-caption-subheading text-muted">Branding</div> <div class="portfolio-caption-subheading text-muted"><?php echo $articles[$i]["price"]." €"?></div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
<!-- Portfolio item 5-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal5">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/5.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Southwest</div>
<div class="portfolio-caption-subheading text-muted">Website Design</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<!-- Portfolio item 6-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal6">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/6.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Window</div>
<div class="portfolio-caption-subheading text-muted">Photography</div>
</div> </div>
</div> </div>
</div> </div>
<?php };?>
</div> </div>
</div> </div>
</section> </section>
...@@ -345,7 +282,10 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl ...@@ -345,7 +282,10 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
</footer> </footer>
<!-- Portfolio Modals--> <!-- Portfolio Modals-->
<!-- Portfolio item 1 modal popup--> <!-- Portfolio item 1 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true"> <?php
for($i=0; $i<count($articles); $i++){
?>
<div class="portfolio-modal modal fade" <?php echo 'id="portfolioModal'.$i.'"' ?> tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div> <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
...@@ -354,28 +294,11 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl ...@@ -354,28 +294,11 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
<div class="col-lg-8"> <div class="col-lg-8">
<div class="modal-body"> <div class="modal-body">
<!-- Project details--> <!-- Project details-->
<h2 class="text-uppercase">Project Name</h2> <h2 class="text-uppercase"><?php echo $articles[$i]["itemName"]?></h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> <!-- <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> -->
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/1.jpg" alt="..." /> <img class="img-fluid d-block mx-auto" src=<?php echo "'../image/laptops/".$articles[$i]["imagename"]."'"; ?> alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> <p><?php echo $articles[$i]["description"]; ?></p>
<ul class="list-inline"> <p><?php echo "Price: ".$articles[$i]["price"]." €";?></p>
<li>
<strong>Processor:</strong>
Intel Core i9-9700H
</li>
<li>
<strong>Graphic Card:</strong>
NVIDIA GTX 3060
</li>
<li>
<strong>Storage:</strong>
512 GB SSD
</li>
<li>
<strong>Memory:</strong>
8 GB
</li>
</ul>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"> <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
Add to shopping cart Add to shopping cart
</button> </button>
...@@ -386,6 +309,7 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl ...@@ -386,6 +309,7 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
</div> </div>
</div> </div>
</div> </div>
<?php }; ?>
<!-- Portfolio item 2 modal popup--> <!-- Portfolio item 2 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
......
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