Halo teman-teman, sekarang kita lanjutkan pembahasan cara membuat keranjang belanja menggunakan PHP. Sebelumnya kita sudah membuat halaman tampilan produk, membuat file tampilan keranjang serta proses penambahan barang ke keranjang belanja. Dan sekarang kita akan membahas membuat proses order check out keranjang belanja hingga status order. Langsung saja kita buat seperti langkah-langkah di bawah ini. Sebelum melanjutkan saya akan memberikan tampilan keranjang terlebih dahulu karena pembahasan sebelumnya tidak ditampilkan. Berikut tampilan keranjangnya  sekarang buat file baru lalu ketikkan kode di bawah ini, sebagai perpanjangan dari proses pembelian di keranjang belanja, 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 Tutorial</title>
<meta charset="utf-8">
<!-- Bootstrap core CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom 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 jika kode diatas sudah anda simpan, kemudian jalankan di browser dan klik tombol checkout maka akan muncul tampilan checkout Jika sudah mengisi form data diri dan barang sudah sesuai, tinggal klik tombol place order untuk mengakhiri proses pemesanan barang belanjaan Saya rasa cukup untuk mencapai status order dan menyelesaikan pembahasan artikel ini. sampai jumpa lagi di pembahasan lainnya |
Cara membuat keranjang belanja php
Pos Terkait
Copyright © 2024 apacode Inc.
