Repos/new-moon-dessert-bar
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

half finished shopping page

Browse Source
This commit is contained in:
KAYING CHU 2021-07-11 15:27:12 +08:00
parent c635da1ab1
commit 3d39abfa9d
1 changed files with 11 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
shopping/shopping.php
View File

@ -38,68 +38,24 @@
<p>| · Click on the picture to add to the cart · |</p> <p>| · Click on the picture to add to the cart · |</p>
</div> </div>
</div> </div>
<div class="row">
<?php <?php
$products = getAllProducts($conn); $products = getAllProducts($conn);
foreach ($products as $product): ?> foreach ($products as $product):
<div class="row"> ?>
<div class="col-sm-12 col-lg-6 col-xl-3"> <div class="col-sm-12 col-lg-6 col-xl-3">
<a class="imgDiv" href="addToCart.php?<?=$product['Product_ID']?>"> <div class="my-img-class">
<img class="imgItem" src="img/<?= $product['Product_Name']; ?>.jpg" alt="<?=$product['Product_Name']?>"> <img class="imgItem" src="../img/<?= $product['Product_Name']; ?>.jpg" alt="<?=$product['Product_Name']?>">
<p><?= $product['Product_Name']; ?></p> <p><?= $product['Product_Name']; ?></p>
<p class="price">&dollar;<?= $product['Product_Price']; ?></p> <p class="price">&dollar;<?= $product['Product_Price']; ?></p>
</a> </div>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>
<!-- <div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/applePie.jpg" >
<h3>ApplePie</h3>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/cakes.jpg" >
<h3>Cakes</h3>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/cookies.jpg" >
<h3>Cookies</h3>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/croissants.jpg" >
<h3>Croissants</h3>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/cupcakes.jpg" >
<h3>Cupcakes</h3>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/iceCream.jpg" >
<h3>IceCream</h3>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/pancake.jpg" >
<h3>Pancake</h3>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-3">
<div class="my-img-class">
<img class="imgItem" src="../img/pudding.jpg" >
<h3>Pudding</h3>
</div>
</div> -->
</div> </div>
</div> </div>
</div> </div>