ada yang masih stay ditutorial ini ? .... bagaimana sudah pada pusing? saya sendiri nulisnya juga pusing hehe, setelah melewati beberapa part tutorial akhirnya sampai juga di "The Last Tutorial of Membuat Toko Online dengan Ajax Jquery " :D. tutorial terakhir (Part 5). yang merupakan sambungan dari tutorial sebelumnya.

ok langsung saja, pada tahap akhir ini kita akan membuat beberapa function. diantaranya function adds,less, dan kill.

apabila anda mengikuti tutorial dari awal, maka  function adds ini sudah pernah kita buat yaitu pada tutorial Part 2.
silahkan buka kembali file "myjs.js"nya.

kemudian tambahkan function less.

function less(id){ 
$.ajax({ 
url : "mcart.php", 
data : "pid="+id+"&act=less", 
success : function(){ 
$('.b-pop-up').html('<img src="ajax-loader.gif">'); 
$('.b-pop-up').load('cart.php'); 
$('#tkrj').load('total.php'); 
} 
}); 
}

Penjelasan.
sama seperti penjelasan function adds pada tutorial Part 2
bedanya disini hanya terletak pada baris berikut.

data : "pid="+id+"&act=less",

yups... untuk function less, actionya berupa less, jadi kita akan memproses data dengan bantuan file "mcart.php"  dan parameter act nya = "less". (file "mcart.php" ini sudah kita bahas pada tutorial 3 ). dan parameter less akan mengurangi jumlah barang.
buka kembali file "mcart.php"
isinya seperti ini kan?

<?php
session_start();
if(isset($_GET['pid']) && isset($_GET['act'])){
    if(!empty($_GET['pid']) && !empty($_GET['act'])){
        switch($_GET['act']){
            case "adds":
            if(isset($_SESSION['cart'][$_GET['pid']])){
                $_SESSION['cart'][$_GET['pid']]+=1;
            }else{
                $_SESSION['cart'][$_GET['pid']]=1;
            }
            break;
             
        }
    }
}
?>

tambahkan code berikut dibawah statement break;

case "less":
if($_SESSION['cart'][$_GET['pid']]<=1){
unset($_SESSION['cart'][$_GET['pid']]);
}else{
$_SESSION['cart'][$_GET['pid']]-=1;
}
break;

Penjelasan.

case "less":

//jika parameter act-nya berupa "less" atau jika [-] pada keranjang diklik,
            if($_SESSION['cart'][$_GET['pid']]<=1){

            //jika tidak ada barang atau barangnya cuma satu,
                unset($_SESSION['cart'][$_GET['pid']]);

           // maka hapus session barang tersebut
            }else{
                //jika lebih dari satu
                $_SESSION['cart'][$_GET['pid']]-=1;
                // maka kurangi
            }
            break;

kemudian kita coba.

jumlah barang "Nang-Ghinang" ada 2 buah, sekrang kita coba kurangi jumlahnya dengan mengklik link [-]

tampil loading.

yups... jumlahnya berkurang.

sekrang lanjut ke function kill,
buka kembali file "myjs.js" kemudian tambahkan code dibawah ini.

function kill(id){
       $.ajax({
	url : "mcart.php",
	data : "pid="+id+"&act=kill",
	success : function(){
	        $('.b-pop-up').html('<img src="ajax-loader.gif">');
		$('.b-pop-up').load('cart.php');
	        $('#tkrj').load('total.php');
		}
	});
}

penjelasannya sama seperti function less diatas. bedanya cuma di acttionya/act , jika pada function  less act="less" maka pada function kill act="kill"

kemudian buka lagi file "mcart.php", tambahkan code berikut dibawah break;

case "kill":
if(isset($_SESSION['cart'][$_GET['pid']])){
//jika ada barang
unset($_SESSION['cart'][$_GET['pid']]);
// maka hapus.
}
break;

kemudian coba.

yups berhasil, dan Alhamdulillah tutorialnya kelar juga

bagi yang kebingungan silahkan tanya-tanya.

bagi  yang mau download file lengkapnya DISINI

ok cukup sekian teman-teman. semoga bermanfaat.
Trima Kasih banyak.

Wassalamualaikum. wr.wb