Implemented a prototype checkout page
This commit is contained in:
parent
798b9e6c2b
commit
6f08764bc0
@ -99,7 +99,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<div class="d-grid gap-2 col-4 mx-auto">
|
<div class="d-grid gap-2 col-lg-4 mx-auto">
|
||||||
<a class="btn btn-primary cart_button_1" type="button" href="shopping.php"> ❮ Continue Shopping</a>
|
<a class="btn btn-primary cart_button_1" type="button" href="shopping.php"> ❮ Continue Shopping</a>
|
||||||
<input class="btn btn-primary cart_button_2" type="submit" value="Go To Checkout" name="placeorder">
|
<input class="btn btn-primary cart_button_2" type="submit" value="Go To Checkout" name="placeorder">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -36,6 +36,91 @@
|
|||||||
<div class="sectionShopping">
|
<div class="sectionShopping">
|
||||||
<?php include 'shopping_headerNav.php' ?>
|
<?php include 'shopping_headerNav.php' ?>
|
||||||
<h1>Checkout</h1>
|
<h1>Checkout</h1>
|
||||||
|
<div class="row customerInformation">
|
||||||
|
<div class="col"></div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<h2>Customer Information</h2>
|
||||||
|
<label>Full Name:</label>
|
||||||
|
<label><?php echo $_SESSION['username']?></label>
|
||||||
|
<br>
|
||||||
|
<label>Email:</label>
|
||||||
|
<label><?php echo $row["C_EMAIL"]?></label>
|
||||||
|
<br>
|
||||||
|
<label>Phone #:</label>
|
||||||
|
<label><?php echo $row["C_PHONE"]?></label>
|
||||||
|
<br>
|
||||||
|
<label>Full Address:</label>
|
||||||
|
<br>
|
||||||
|
<label><?php echo $row["C_UNIT"]?>, <?php echo $row["C_ADDRESS"]?></label>
|
||||||
|
<br>
|
||||||
|
<label><?php echo $row["C_CITY"]?>, <?php echo $row["C_ZIP"]?></label>
|
||||||
|
<br>
|
||||||
|
<label><?php echo $row["C_COUNTRY"]?></label>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class="col"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12" id="shopping_cartTitle">
|
||||||
|
<?php
|
||||||
|
$totalprice = 0;
|
||||||
|
foreach ($_SESSION['mycar'] as $product):
|
||||||
|
$totalprice += $product['buy_price'];
|
||||||
|
endforeach;
|
||||||
|
?>
|
||||||
|
<h1>Total</h1> <h1>CA$<?php echo $totalprice?></h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<table class="cartTable">
|
||||||
|
<thead>
|
||||||
|
<!-- <tr style="margin:auto; border: 2px solid black;">
|
||||||
|
<td>Product</td>
|
||||||
|
|
||||||
|
<td>Quantity</td>
|
||||||
|
|
||||||
|
<td>Price</td>
|
||||||
|
|
||||||
|
</tr> -->
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
|
||||||
|
<?php $totalprice = 0;?>
|
||||||
|
|
||||||
|
<?php foreach ($_SESSION['mycar'] as $product): ?>
|
||||||
|
<tr>
|
||||||
|
<td class="cart_quantity">
|
||||||
|
<h3> <?=$product['buy_num']?> </h3>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span> <?=$product['buy_name']?> </span>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<td class="cart_priceP">
|
||||||
|
<span> $<?=$product['buy_price']?> </span>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
<?php $totalprice += $product['buy_price']?>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<div class="subtotal">
|
||||||
|
<span class="text" style="font-weight: 1em; font-family: cursive;">Subtotal: $<span><?= $totalprice ?></span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.sectionShopping
|
.sectionShopping
|
||||||
div.customerInformation
|
div.customerInformation
|
||||||
text-align: center
|
text-align: left
|
||||||
background-color: $index-background-color
|
background-color: $index-background-color
|
||||||
.row
|
.row
|
||||||
padding-left: 20%
|
padding-left: 20%
|
||||||
|
|||||||
@ -389,7 +389,7 @@ video {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sectionShopping div.customerInformation {
|
.sectionShopping div.customerInformation {
|
||||||
text-align: center;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sectionShopping .row {
|
.sectionShopping .row {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user