ساخت صفحه پرداخت یک صفحه ای در PHP

در این آموزش قصد داریم به شما نحوه ساخت صفحه پرداخت یک صفحه ای در PHP را به همراه یک مثال ساده نشان بدیم.

صفحه پرداخت یک صفحه ای ، اصطکاک را در فرایند خرید کاهش می دهد، نرخ تبدیل را افزایش و فروش را بیشتر می کند.

آیا می دانستید نرخ رهایی سبد خرید مشتریان حین خریدکردن چقدر است؟ متاسفانه، فرایند غیرضروری و طولانی پرداخت یکی از دلایل اصلی افزایش این نرخ است.

فقط با تنظیم دقیق فرایند صفحه پرداخت, می توانید بصورت سرسام آوری فروش را تا ۲۳% افزایش بدید.

فایل های اسکریپت صفحه پرداخت PHP

ساختار کلی فایل های مثال صفحه پرداخت یک صفحه ای (one-page checkout) ما بصورت زیر است :

ساخت قالب صفحه پرداخت یک صفحه ای

قالب صفحه پرداخت یک صفحه ای شامل سه بخش اصلی گالری, سبدخرید و فرم صورتحساب و پرداخت است.

من فایل های جداگانه را برای نمایش هر سه این کامپوننت ها ایجاد کردم. سپس, همه آنها را در صفحه لندینگ خومان که index.php است اینکلود کردم.

Index.php

<?php
session_start();
if (isset($_POST["checkout-btn"])) {
    $order_number = rand(100, 999);
}
?>
<HTML>
<HEAD>
<TITLE>One Page Checkout Script Free Template</TITLE>
<link href="./assets/css/phppot-style.css" type="text/css"
    rel="stylesheet" />
<link href="./assets/css/one-page-checkout.css" type="text/css"
    rel="stylesheet" />
<script src="./vendor/jquery/jquery.min.js" type="text/javascript"></script>
<script src="./vendor/jquery/jquery-ui.js"></script>
</HEAD>
<BODY>
    <div class="phppot-container">
        <div class="page-heading">One Page Checkout Script Free Template</div>

        <form name="one-page-checkout-form" id="one-page-checkout-form"
            action="" method="post" onsubmit="return checkout()">
			
<?php if(!empty($order_number)){?>

			<div class="order-message order-success">
			You order number is <?php echo $order_number;?>.
		<span class="btn-message-close"
                    onclick="this.parentElement.style.display='none';"
                    title="Close">×</span>

            </div>
<?php }?>


			<div class="section product-gallery">
        			<?php require_once './view/product-gallery.php'; ?>
      		 </div>
            <div class="billing-details">
		            <?php require_once './view/billing-details.php'; ?>
			</div>

            <div class="cart-error-message" id="cart-error-message">Cart
                must not be emty to checkout</div>
            <div id="shopping-cart" tabindex="1">
                <div id="tbl-cart">
                    <div id="txt-heading">
                        <div id="cart-heading">Your Shopping Cart</div>
                        <div id="close"></div>
                    </div>
                    <div id="cart-item">
        				<?php require_once './view/shopping-cart.php'; ?>
           			 </div>
                </div>
            </div>

            <div class="payment-details">
                <div class="payment-details-heading">Payment details</div>
                <div class="row">
                    <div class="inline-block">
                        <div>
                            <input class="bank-transfer" type="radio"
                                checked="checked"
                                value="Direct bank transfer"
                                name="direct-bank-transfer">Direct bank
                            transfer
                        </div>

                        <div class="info-label">Specify your order
                            number when you make the bank transfer. Your
                            order will be shippied after the amount is
                            credited to us.</div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div id="inline-block">
                    <input type="submit" class="checkout"
                        name="checkout-btn" id="checkout-btn"
                        value="Checkout">
                </div>
            </div>
        </form>
    </div>
    <script src="./assets/js/cart.js"></script>
    <script>
	
function checkout() {

	var valid = true;
	
	$("#first-name").removeClass("error-field");
	$("#email").removeClass("error-field");
	$("#shopping-cart").removeClass("error-field");
	$("#cart-error-message").hide();
	
	var firstName = $("#first-name").val();
	var cartItem = $("#cart-item-count").val();
	var email = $("#email").val();
	var emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;

	$("#first-name-info").html("").hide();
	$("#email-info").html("").hide();

	if (firstName.trim() == "") {
		$("#first-name-info").html("required.").css("color", "#ee0000").show();
		$("#first-name").addClass("error-field");
		valid = false;
	}
	if (email == "") {
		$("#email-info").html("required").css("color", "#ee0000").show();
		$("#email").addClass("error-field");
		valid = false;
	} else if (email.trim() == "") {
		$("#email-info").html("Invalid email address.").css("color", "#ee0000").show();
		$("#email").addClass("error-field");
		valid = false;
	} else if (!emailRegex.test(email)) {
		$("#email-info").html("Invalid email address.").css("color", "#ee0000")
				.show();
		$("#email").addClass("error-field");
		valid = false;
	}
	if(cartItem == 0){
		$("#cart-error-message").show();
		$("#shopping-cart").addClass("error-field");
		valid = false;
	}
	if (valid == false) {
		$('.error-field').first().focus();
		valid = false;
	}
	return valid;	
}
</script>
</BODY>
</HTML>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

<?php

session_start();

if (isset($_POST["checkout-btn"])) {

$order_number = rand(100, 999);

}

<HTML>

<HEAD>

<TITLE>One Page Checkout Script Free Template</TITLE>

rel="stylesheet" />

rel="stylesheet" />

</HEAD>

<BODY>

<div class="page-heading">One Page Checkout Script Free Template</div>

<form name="one-page-checkout-form" id="one-page-checkout-form"

action="" method="post" onsubmit="return checkout()">

<?php if(!empty($order_number)){?>

You order number is <?php echo $order_number;?>.

<span class="btn-message-close"

onclick="this.parentElement.style.display='none';"

title="Close">×</span>

</div>

<?php }?>

<?php require_once './view/product-gallery.php'; ?>

</div>

<?php require_once './view/billing-details.php'; ?>

</div>

<div class="cart-error-message" id="cart-error-message">Cart

must not be emty to checkout</div>

<div id="cart-heading">Your Shopping Cart</div>

</div>

<?php require_once './view/shopping-cart.php'; ?>

</div>

<div class="payment-details-heading">Payment details</div>

<div>

<input class="bank-transfer" type="radio"

checked="checked"

value="Direct bank transfer"

name="direct-bank-transfer">Direct bank

transfer

</div>

<div class="info-label">Specify your order

number when you make the bank transfer. Your

order will be shippied after the amount is

credited to us.</div>

</div>

<input type="submit" class="checkout"

name="checkout-btn" id="checkout-btn"

value="Checkout">

</div>

</form>

</div>

function checkout() {

var valid = true;

$("#first-name").removeClass("error-field");

$("#email").removeClass("error-field");

$("#shopping-cart").removeClass("error-field");

$("#cart-error-message").hide();

var firstName = $("#first-name").val();

var cartItem = $("#cart-item-count").val();

var email = $("#email").val();

var emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;

$("#first-name-info").html("").hide();

$("#email-info").html("").hide();

if (firstName.trim() == "") {

$("#first-name-info").html("required.").css("color", "#ee0000").show();

$("#first-name").addClass("error-field");

valid = false;

}

if (email == "") {

$("#email-info").html("required").css("color", "#ee0000").show();

$("#email").addClass("error-field");

valid = false;

} else if (email.trim() == "") {

$("#email-info").html("Invalid email address.").css("color", "#ee0000").show();

$("#email").addClass("error-field");

valid = false;

} else if (!emailRegex.test(email)) {

$("#email-info").html("Invalid email address.").css("color", "#ee0000")

.show();

$("#email").addClass("error-field");

valid = false;

}

if(cartItem == 0){

$("#cart-error-message").show();

$("#shopping-cart").addClass("error-field");

valid = false;

}

if (valid == false) {

$('.error-field').first().focus();

valid = false;

}

return valid;

}

</script>

</BODY>

</HTML>

گالری محصولات به همراه دکمه افزودن به سبدخرید

این فایل یک فهرست برای نمایش محصولات در دسترس را داخل یک گالری نشان می دهد. من سه محصول را در این مثال قرار دادم.

این محصولات بصورت استاتیک از یک آرایه PHP خوانده می شوند. شما می توانید کامپوننت دیتابیس خودتان را برای داینامیک سازی آن فراخوانی کنید.

هر آیتم شامل یک دکمه افزودن به سبدخرید است که تابع جی کوئری cartAction() را با رویداد کلیک صدا می زند.

Product-gallery.php

<div id="product-grid">
	<div class="txt-heading">Choose your products</div>
	<div class="product-item">
		<div class="product-image">
			<img src="data/camera.jpg" id="<?php echo "3DcAM01";?>"
				class="product-img">
		</div>
		<div>
			<strong><?php echo "FinePix Pro2 3D Camera";?></strong>
		</div>
		<div class="product-price"><?php echo "1500.00";?></div>

		<input type="button" id="add_<?php echo "3DcAM01";?>"
			value="Add to cart" class="btnAddAction"
			onClick="cartAction('add', '<?php echo "3DcAM01";?>','<?php echo "FinePix Pro2 3D Camera";?>','<?php echo "1500.00";?>')" />

	</div>
	<div class="product-item">
		<div class="product-image">
			<img src="data/watch.jpg" id="<?php echo "wristWear03";?>"
				class="product-img">
		</div>
		<div>
			<strong><?php echo "Luxury Ultra thin Wrist Watch";?></strong>
		</div>
		<div class="product-price"><?php echo "300.00";?></div>

		<input type="button" id="add_<?php echo "wristWear03";?>"
			value="Add to cart" class="btnAddAction"
			onClick="cartAction('add', '<?php echo "wristWear03";?>','<?php echo "Luxury Ultra thin Wrist Watch";?>','<?php echo "300.00";?>')" />
	</div>
	<div class="product-item">
		<div class="product-image">
			<img src="data/laptop.jpg" id="<?php echo "LPN45";?>"
				class="product-img">
		</div>
		<div>
			<strong><?php echo "XP 1155 Intel Core Laptop";?></strong>
		</div>
		<div class="product-price"><?php echo "800.00";?></div>

		<input type="button" id="add_<?php echo "LPN45";?>"
			value="Add to cart" class="btnAddAction"
			onClick="cartAction('add', '<?php echo "LPN45";?>','<?php echo "XP 1155 Intel Core Laptop";?>','<?php echo "800.00";?>')" />
	</div>
</div>

<div class="txt-heading">Choose your products</div>

<img src="data/camera.jpg" id="<?php echo "3DcAM01";?>"

class="product-img">

</div>

<div>

</div>

<input type="button" id="add_<?php echo "3DcAM01";?>"

value="Add to cart" class="btnAddAction"

onClick="cartAction('add', '<?php echo "3DcAM01";?>','<?php echo "FinePix Pro2 3D Camera";?>','<?php echo "1500.00";?>')" />

</div>

<img src="data/watch.jpg" id="<?php echo "wristWear03";?>"

class="product-img">

</div>

<div>

</div>

<input type="button" id="add_<?php echo "wristWear03";?>"

value="Add to cart" class="btnAddAction"

onClick="cartAction('add', '<?php echo "wristWear03";?>','<?php echo "Luxury Ultra thin Wrist Watch";?>','<?php echo "300.00";?>')" />

</div>

<img src="data/laptop.jpg" id="<?php echo "LPN45";?>"

class="product-img">

</div>

<div>

</div>

<input type="button" id="add_<?php echo "LPN45";?>"

value="Add to cart" class="btnAddAction"

onClick="cartAction('add', '<?php echo "LPN45";?>','<?php echo "XP 1155 Intel Core Laptop";?>','<?php echo "800.00";?>')" />

</div>

اقلام سبدخرید با گزینه حذف/ویرایش

من از سشن در PHP برای مدیریت اقلام سبدخرید استفاده کردم. کد HTML زیر شامل اطلاعات سبد خرید که از داخل آرایه سشن فراخوانی می شود, است.

برای ادامه فرایند پرداخت, سبدخرید حداقل باید یک آیتم داشته باشد. بنابراین من جمع کل سبد را در یک فیلد مخفی (input) ذخیره کردم و با هر رویداد موفقی آن را برورسانی می کنم.

زمانی که یک سبد خالی را سابمیت می کنید, اسکریپت ما از پرداخت جلوگیری می کند.

من پیام خطای اعتبارسنجی را بر اساس خالی بودن سبدخرید نمایش می دهم.

Shopping-cart.php

<?php
use Phppot\Cart;
require_once __DIR__ . './../Model/Cart.php';
$cartModel = new Cart();
?>
<input type="hidden" id="cart-item-count"
	value="<?php echo $cartModel->cartSessionItemCount; ?>">
<?php
if ($cartModel->cartSessionItemCount > 0) {
    ?>
<table width="100%" id="cart-table" cellpadding="10" cellspacing="1"
	border="0">
	<tbody>
		<tr>
			<th>Name</th>
			<th>Quantity</th>
			<th class="text-right">Price</th>
			<th class="text-right">Action</th>
		</tr>   
<?php
    $item_total = 0;
    $i = 1;
    foreach ($_SESSION["cart_item"] as $item) {
        ?>
        <tr>
			<td><?php echo $item["name"]; ?></td>
			<td><input type="number" name="quantity" class="quantity"
				value="<?php echo $item['quantity']; ?>"
				data-code='<?php echo $item["code"]; ?>' size=2
				onChange="updatePrice(this)" /> <input type="hidden" class='total'
				name="total" value="<?php echo $item["price"]; ?>" /></td>
			<td class="prc text-right" id="price" <?php echo $i;?>><?php echo $item["price"]; ?></td>
        <?php $i++; ?>
        <td class="text-right"><a
				onClick="cartAction('remove','<?php echo $item["code"]; ?>')"
				class="btnRemoveAction"><img src="./view/images/icon-delete.png"
					alt="Remove Item" /></a></td>
		</tr>
    <?php
        $item_total += ($item["price"] * $item['quantity']);
    }
    ?>
        <tr id="tot">
			<td class="text-right" colspan="3"><strong>Total (USD): </strong> <span
				id="total"><?php echo $item_total;?></span></td>
			<td class="text-right"><a id="btnEmpty"
				onClick="cartAction('empty', '');">Empty Cart</a></td>
		</tr>
	</tbody>
</table>
<?php
} else {
    ?>
<div id="empty-cart">Your cart is empty</div>
<?php
}

<?php

use Phppot\Cart;

require_once __DIR__ . './../Model/Cart.php';

$cartModel = new Cart();

<input type="hidden" id="cart-item-count"

value="<?php echo $cartModel->cartSessionItemCount; ?>">

<?php

if ($cartModel->cartSessionItemCount > 0) {

<table width="100%" id="cart-table" cellpadding="10" cellspacing="1"

border="0">

<tbody>

<tr>

<th>Quantity</th>

<th class="text-right">Price</th>

<th class="text-right">Action</th>

</tr>

<?php

$item_total = 0;

$i = 1;

foreach ($_SESSION["cart_item"] as $item) {

<tr>

<td><input type="number" name="quantity" class="quantity"

value="<?php echo $item['quantity']; ?>"

data-code='<?php echo $item["code"]; ?>' size=2

onChange="updatePrice(this)" /> <input type="hidden" class='total'

name="total" value="<?php echo $item["price"]; ?>" /></td>

<?php $i++; ?>

<td class="text-right"><a

onClick="cartAction('remove','<?php echo $item["code"]; ?>')"

class="btnRemoveAction"><img src="./view/images/icon-delete.png"

alt="Remove Item" /></a></td>

</tr>

<?php

$item_total += ($item["price"] * $item['quantity']);

}

<td class="text-right" colspan="3"><strong>Total (USD): </strong> <span

id="total"><?php echo $item_total;?></span></td>

<td class="text-right"><a id="btnEmpty"

onClick="cartAction('empty', '');">Empty Cart</a></td>

</tr>

</tbody>

</table>

<?php

} else {

<div id="empty-cart">Your cart is empty</div>

<?php

}

این کد HTML برای نمایش صورتحساب و فرم پرداخت به کاربر استفاده می شود. کاربر باید قبل از پرداخت, اطلاعات صورتحساب را وارد و روش پرداخت را انتخاب کند.

در این مثال از ساخت صفحه پرداخت یک صفحه ای در PHP من فقط یک روش پرداخت انتقال بانکی را نمایش دادم.

در زمان انجام پرداخت, کاربر نیاز است که شماره تراکنش خود را وارد کند.

شما می توانید انواع درگاه پرداخت را به جای روش فعلی اضافه کنید.

Billing-details.php

<div class="billing-detail-heading">Billing details</div>
<div class="row">
	<div class="form-label inline-block">
		Name <span class="required error"></span>

	</div>
	<div class="inline-block">
		<div id="first-name-info"></div>
		<input class="input-box-330" type="text" name="first-name"
			id="first-name">
	</div>
</div>
<div class="row">
	<div class="form-label">Address</div>
	<div class="inline-block">
		<input class="input-box-330" class="input-box-330" type="text"
			name="address">
	</div>
</div>
<div class="row">
	<div class="form-label">City</div>
	<div class="inline-block">
		<input class="input-box-330" type="text" name="city">
	</div>
</div>
<div class="row">
	<div class="form-label">State</div>
	<div class="inline-block">
		<input class="input-box-330" type="text" name="state">
	</div>
</div>
<div class="row">
	<div class="form-label">Zipcode</div>
	<div class="inline-block">
		<input class="input-box-330" type="text" name="zipcode">
	</div>
</div>

<div class="row">
	<div class="form-label">
		Email Address<span class="required error"></span>
	</div>
	<div class="inline-block">
		<div id="email-info"></div>
		<input class="input-box-330" type="text" name="email" id="email">

	</div>
</div>

<div class="billing-detail-heading">Billing details</div>

Name <span class="required error"></span>

</div>

<input class="input-box-330" type="text" name="first-name"

id="first-name">

</div>

<div class="form-label">Address</div>

<input class="input-box-330" class="input-box-330" type="text"

name="address">

</div>

</div>

<div class="form-label">State</div>

</div>

<div class="form-label">Zipcode</div>

</div>

Email Address<span class="required error"></span>

</div>

</div>

اسکریپت jQuery برای مدیریت رویدادها و آماده سازی درخواست AJAX

متد cartAction() برای مدیریت افزودن, ویرایش, حذف و خالی کردن سبدخرید استفاده می شود و برای اینکار از دستورات شرطی switch…case بهره بردیم.

این متد پارامتر action را دریافت و دستور لازم در case را اجرا می کند. همچنین عنوان محصول, کد و قیمت را نیز دریافت می کند.

من یک کویری استرینگ با استفاده از جزئیات محصول و درخواست PHP توسط AJAX آماده کردم.

بعد از عملیات سبدخرید، کد PHP پاسخ را برگشت می دهد. در بخش success می توانید خروجی را برای بروزرسانی سبدخرید دریافت کنیم.

Cart.js

function cartAction(action, product_code, productTitle, productPrice) {
	var queryString = "";
	if (action != "") {
		switch (action) {
		case "add":
			queryString = 'action=' + action + '&code=' + product_code
					+ '&quantity=' + 1 + '&productTitle=' + productTitle
					+ '&productPrice=' + productPrice;
			break;
		case "remove":
			queryString = 'action=' + action + '&code=' + product_code;
			break;
		case "empty":
			queryString = 'action=' + action;
			break;
		}
	}
	jQuery.ajax({
		url : "ajax/handle-cart-ep.php",
		data : queryString,
		type : "POST",
		success : function(data) {
			$("#cart-item").html(data);
			$("#count").text($("#cart-item-count").val());
		},
		error : function() {
		}
	});
}

function updatePrice(obj) {
	var quantity = $(obj).val();
	var code = $(obj).data('code');
	queryString = 'action=edit&code=' + code + '&quantity=' + quantity;
	$.ajax({
		type : 'post',
		url : "ajax/handle-cart-ep.php",
		data : queryString,
		success : function(data) {
			$("#total").text(data);
		}
	});
}

function cartAction(action, product_code, productTitle, productPrice) {

var queryString = "";

if (action != "") {

switch (action) {

case "add":

queryString = 'action=' + action + '&code=' + product_code

+ '&quantity=' + 1 + '&productTitle=' + productTitle

+ '&productPrice=' + productPrice;

break;

case "remove":

queryString = 'action=' + action + '&code=' + product_code;

break;

case "empty":

queryString = 'action=' + action;

break;

}

jQuery.ajax({

url : "ajax/handle-cart-ep.php",

data : queryString,

type : "POST",

success : function(data) {

$("#cart-item").html(data);

$("#count").text($("#cart-item-count").val());

error : function() {

}

});

}

function updatePrice(obj) {

var quantity = $(obj).val();

var code = $(obj).data('code');

queryString = 'action=edit&code=' + code + '&quantity=' + quantity;

$.ajax({

type : 'post',

url : "ajax/handle-cart-ep.php",

data : queryString,

success : function(data) {

$("#total").text(data);

}

});

}

فرایند پرداخت در PHP

این فایل PHP توسط AJAX فراخوانی می شود. همانند یک متد جاواسکریپت, این فایل نیز شامل switch…case در PHP برای کنترل عملیات سبدخرید است.

فایل Cart.php یک کلاس Model برای اجرای تمام عملیات های سبدخرید است که برا اساس درخواست متد موردنظر اجرا می شود.

هریک از عملیات سبدخرید, آخرین سشن سبد را برای آماده سازی پاسخ (response) تکرار می کند.

Ajax/handle-cart-ep.php

<?php
namespace Phppot;

use \Phppot\Cart;

require_once __DIR__ . './../Model/Cart.php';
$cartModel = new Cart();
session_start();

if (! empty($_POST["action"])) {
    switch ($_POST["action"]) {
        case "add":
            $cartModel->addToCart();
            break;
        case "edit":
            $totalPrice = $cartModel->editCart();
            print $totalPrice;
            exit;
            break;
        case "remove":
            $cartModel->removeFromCart();
            break;
        case "empty":
            $cartModel->emptyCart();
            break;
    }
}
require_once '../view/shopping-cart.php';

<?php

namespace Phppot;

use \Phppot\Cart;

require_once __DIR__ . './../Model/Cart.php';

$cartModel = new Cart();

session_start();

if (! empty($_POST["action"])) {

switch ($_POST["action"]) {

case "add":

$cartModel->addToCart();

break;

case "edit":

$totalPrice = $cartModel->editCart();

print $totalPrice;

exit;

break;

case "remove":

$cartModel->removeFromCart();

break;

case "empty":

$cartModel->emptyCart();

break;

}

require_once '../view/shopping-cart.php';

کد زیر یک کلاس Cart است که با هر عملیات سبدخرید, سشن را بروزرسانی می کند.

متد emptyCart() نیز کل سبد خرید را با پاک کردن سشن فعلی, حذف می کند.

Model/Cart.php

<?php
namespace Phppot;

class Cart
{
    public $cartSessionItemCount = 0;
    function __construct()
    {
        if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {
            $this->cartSessionItemCount = count($_SESSION["cart_item"]);
        }
    }

    function addToCart()
    {
        if (isset($_POST)) {
            $productCode = $_POST["code"];
            $productTitle = $_POST["productTitle"];
            $poductQuantity = $_POST["quantity"];
            $productPrice = $_POST["productPrice"];
        }

        $cartItem = array(
            'code' => $productCode,
            'name' => $productTitle,
            'quantity' => $poductQuantity,
            'price' => $productPrice
        );

        $_SESSION["cart_item"][$productCode] = $cartItem;
        if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {
            $this->cartSessionItemCount = count($_SESSION["cart_item"]);
        }
    }

    function editCart()
    {
        if (! empty($_SESSION["cart_item"])) {
            $total_price = 0;
            foreach ($_SESSION["cart_item"] as $k => $v) {
                if ($_POST["code"] == $k) {
                    $_SESSION["cart_item"][$k]["quantity"] = $_POST["quantity"];
                }
                $total_price = $total_price + ($_SESSION["cart_item"][$k]["quantity"] * $_SESSION["cart_item"][$k]["price"]);
            }
            return $total_price;
        }

        if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {
            $this->cartSessionItemCount = count($_SESSION["cart_item"]);
        }
    }

    function removeFromCart()
    {
        if (! empty($_SESSION["cart_item"])) {
            foreach ($_SESSION["cart_item"] as $k => $v) {
                if ($_POST["code"] == $k)
                    unset($_SESSION["cart_item"][$k]);
                if (empty($_SESSION["cart_item"]))
                    unset($_SESSION["cart_item"]);
            }
        }

        if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {
            $this->cartSessionItemCount = count($_SESSION["cart_item"]);
        }
    }

    function emptyCart()
    {
        unset($_SESSION["cart_item"]);
        $this->cartSessionItemCount = 0;
    }
}

<?php

namespace Phppot;

class Cart

{

public $cartSessionItemCount = 0;

function __construct()

{

if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {

$this->cartSessionItemCount = count($_SESSION["cart_item"]);

}

function addToCart()

{

if (isset($_POST)) {

$productCode = $_POST["code"];

$productTitle = $_POST["productTitle"];

$poductQuantity = $_POST["quantity"];

$productPrice = $_POST["productPrice"];

}

$cartItem = array(

'code' => $productCode,

'name' => $productTitle,

'quantity' => $poductQuantity,

'price' => $productPrice

);

$_SESSION["cart_item"][$productCode] = $cartItem;

if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {

$this->cartSessionItemCount = count($_SESSION["cart_item"]);

}

function editCart()

{

if (! empty($_SESSION["cart_item"])) {

$total_price = 0;

foreach ($_SESSION["cart_item"] as $k => $v) {

if ($_POST["code"] == $k) {

$_SESSION["cart_item"][$k]["quantity"] = $_POST["quantity"];

}

$total_price = $total_price + ($_SESSION["cart_item"][$k]["quantity"] * $_SESSION["cart_item"][$k]["price"]);

}

return $total_price;

}

if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {

$this->cartSessionItemCount = count($_SESSION["cart_item"]);

}

function removeFromCart()

{

if (! empty($_SESSION["cart_item"])) {

foreach ($_SESSION["cart_item"] as $k => $v) {

if ($_POST["code"] == $k)

unset($_SESSION["cart_item"][$k]);

if (empty($_SESSION["cart_item"]))

unset($_SESSION["cart_item"]);

}

if (! empty($_SESSION["cart_item"]) && is_array($_SESSION["cart_item"])) {

$this->cartSessionItemCount = count($_SESSION["cart_item"]);

}

function emptyCart()

{

unset($_SESSION["cart_item"]);

$this->cartSessionItemCount = 0;

}

خروجی ساخت صفحه پرداخت یک صفحه ای در PHP

اسکرین شات زیر گالری محصولات, سبدخرید و پرداخت را در یک صفحه نشان می دهد.

با کلید روی دکمه Add to cart یک سطر به سبد اضافه می شود. دکمه Checkout نیز برای آیتم های سبدخرید نمایش داده می شود.

امیدوارم از آموزش ساخت صفحه پرداخت یک صفحه ای در PHP نهایت استفاده را برده باشید.

برای دانلود سورس کد از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

ساخت صفحه پرداخت یک صفحه ای در PHP

فایل های اسکریپت صفحه پرداخت PHP

ساخت قالب صفحه پرداخت یک صفحه ای

گالری محصولات به همراه دکمه افزودن به سبدخرید

اقلام سبدخرید با گزینه حذف/ویرایش

اسکریپت jQuery برای مدیریت رویدادها و آماده سازی درخواست AJAX

فرایند پرداخت در PHP

خروجی ساخت صفحه پرداخت یک صفحه ای در PHP

دانـلود باکــس

ساخت سبد خرید در php بدون دیتابیس

نمایش سریع محصولات همانند آمازون با php و ajax

بزرگنمایی تصویر با php و جاوااسکریپت

ساخت Modal با محتوای داینامیک توسط AJAX در jQuery

لغو پاسخ

دوره آموزش ساخت دیجی کالا با php به همراه اپلیکیشن اندروید

آموزش ساخت ربات تلگرام با PHP (از پایه و پروژه محور)

دوره جامع آموزش طراحی سایت + پروژه قالب فروشگاه

فایل های اسکریپت صفحه پرداخت PHP

ساخت قالب صفحه پرداخت یک صفحه ای

گالری محصولات به ­همراه دکمه افزودن­ به­ سبد­خرید

اقلام سبد­خرید با گزینه حذف/ویرایش

اسکریپت jQuery برای مدیریت رویدادها و آماده سازی درخواست AJAX

فرایند پرداخت در PHP

خروجی ساخت صفحه پرداخت یک صفحه ای در PHP

ساخت سبد خرید در php بدون دیتابیس

نمایش سریع محصولات همانند آمازون با php و ajax

بزرگنمایی تصویر با php و جاوااسکریپت

ساخت Modal با محتوای داینامیک توسط AJAX در jQuery

لغو پاسخ

گالری محصولات به همراه دکمه افزودن به سبدخرید

اقلام سبدخرید با گزینه حذف/ویرایش