Cara Membuat Shopping Cart Menggunakan PHP Part-3
Hallo rekan rekan, kini kita melanjutkan pembahasan Cara Membangun Shopping Cart Menggunakan PHP. Sebelumnya kita telah merancang halaman tampilkan product, merancang file view cart serta proses pada menambahkan item kedalam keranjang belanja. Dan kini kita kaan membahas merancang proses order check out keranjang belanja hingga status pemesanan. Yuk seketika saja membuatnya seperti strategi dibawah ini:Sebelum lanjut saya akan memberikan tampilan view cart terlebih dahulu karena pembahasan sebelumnya tak ditampilkan. Berikut tampilnya view cart
kini bikin file baru kemudian ketikkan code dibawah ini, selaku lanjutan proses beli di shopping cart beri nama Checkout.php
<?php
require_once 'Config.php';
include_once 'Cart.php';
$cart = new Cart;
if($cart->total_items() <= 0){
header(Location: index.php);
}
$postData = !empty($_SESSION['postData'])?$_SESSION['postData']:array();
unset($_SESSION['postData']);
$sessData = !empty($_SESSION['sessData'])?$_SESSION['sessData']:'';
if(!empty($sessData['status']['msg'])){
$statusMsg = $sessData['status']['msg'];
$statusMsgType = $sessData['status']['type'];
unset($_SESSION['sessData']['status']);
}
?>
<!DOCTYPE html>
<html lang=en>
<head>
<title>Checkout - PHP Shopping Cart Panduan</title>
<meta charset=utf-8>
<!-- Bootstrap core CSS -->
<link href=https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css rel=stylesheet>
<!-- Kustom style -->
<link href=style.css rel=stylesheet>
<!-- Fontawesome Icon -->
<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css>
</head>
<body>
<div class=container>
<h1>CHECKOUT</h1>
<div class=col-12>
<div class=checkout>
<div class=row>
<?php if(!empty($statusMsg) ($statusMsgType == 'success')){ ?>
<div class=col-md-12>
<div class=alert alert-success><?php echo $statusMsg; ?></div>
</div>
<?php if(!empty($statusMsg) ($statusMsgType == 'error')){ ?>
<div class=col-md-12>
<div class=alert alert-danger><?php echo $statusMsg; ?></div>
</div>
<?php } } ?>
<div class=col-md-4 order-md-2 mb-4>
<h4 class=d-flex justify-content-between align-items-center mb-3>
<span class=text-muted>Your Cart</span>
<span class=badge badge-secondary badge-pill><?php echo $cart->total_items(); ?></span>
</h4>
<ul class=list-group mb-3>
<?php
if($cart->total_items() > 0){
$cartItems = $cart->contents();
foreach($cartItems as $item){
?>
<li class=list-group-item d-flex justify-content-between lh-condensed>
<div>
<h6 class=my-0><?php echo $item[name]; ?></h6>
<small class=text-muted><?php echo 'Rp. '.$item[price]; ?>(<?php echo $item[qty]; ?>)</small>
</div>
<span class=text-muted><?php echo 'Rp. '.$item[subtotal]; ?></span>
</li>
<?php } } ?>
<li class=list-group-item d-flex justify-content-between>
<span>Total </span>
<strong><?php echo 'Rp. '.number_format($cart->total(),0, '.','.'); ?></strong>
</li>
</ul>
<a href=index.php class=btn btn-block btn-info>Add Items</a>
</div>
<div class=col-md-8 order-md-1>
<h4 class=mb-3>Contact Details</h4>
<form method=post action=Action_cart.php>
<div class=row>
<div class=col-md-6 mb-3>
<label for=first_name>First Name</label>
<input type=text class=form-control name=first_name value=<?php echo !empty($postData['first_name'])?$postData['first_name']:''; ?> required>
</div>
<div class=col-md-6 mb-3>
<label for=last_name>Last Name</label>
<input type=text class=form-control name=last_name value=<?php echo !empty($postData['last_name'])?$postData['last_name']:''; ?> required>
</div>
</div>
<div class=mb-3>
<label for=email>Email</label>
<input type=email class=form-control name=email value=<?php echo !empty($postData['email'])?$postData['email']:''; ?> required>
</div>
<div class=mb-3>
<label for=phone>Phone</label>
<input type=text class=form-control name=phone value=<?php echo !empty($postData['phone'])?$postData['phone']:''; ?> required>
</div>
<div class=mb-3>
<label for=last_name>Address</label>
<input type=text class=form-control name=address value=<?php echo !empty($postData['address'])?$postData['address']:''; ?> required>
</div>
<input type=hidden name=action value=placeOrder/>
<input class=btn btn-success btn-lg btn-block type=submit name=checkoutSubmit value=Place Order>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
dan sekiranya telah simpan code diatas kemudia jalankan di browser lalu klik button checkout dan berikut tampilan view checkout
Apabila telah mengisi form data diri serta item telah sesuai tinggal lakukan klik button place order bagi mengakhiri proses order pemesanan barang belanja.
Saya rasa lumayan hingga status order dan selesai pembahasan artikel ini. hingga jumpa lagi pada pembahasan lainnya.
terima kasih
Sumber https://kursuswebsite.org
