[php]<?php
session_start(); //start session
include_once(“includes/config.php”); //include config file
//add item in shopping cart
if(isset($_POST[“type”]) && $_POST[“type”]==‘add’) {
$product_code = filter_var($_POST[“product_code”], FILTER_SANITIZE_STRING); //product code
$return_url = base64_decode($_POST[“return_url”]); //return url
//MySqli query - get details of item from db using product code
$results = $mysqli->query("SELECT product,price,name,id,item FROM merchant WHERE ID='$product_code' LIMIT 1");
$obj = $results->fetch_object();
if ($results) { //we have the product info
//prepare array for the session variable
$new_product = array(array('name'=>$obj->product, 'code'=>$product_code, 'qty'=>1, 'price'=>$obj->price));
if(isset($_SESSION["products"])) { //if we have the session
$found = false; //set found item to false
foreach ($_SESSION["products"] as $cart_itm) //loop through session array
{
if($cart_itm["code"] == $product_code){ //the item exist in array
$qty = $cart_itm["qty"]+1; //increase the quantity
$product[] = array('name'=>$cart_itm["name"], 'code'=>$cart_itm["code"], 'qty'=>$qty, 'price'=>$cart_itm["price"]);
$found = true;
}else{
//item doesn't exist in the list, just retrive old info and prepare array for session var
$product[] = array('name'=>$cart_itm["name"], 'code'=>$cart_itm["code"], 'qty'=>$cart_itm["qty"], 'price'=>$cart_itm["price"]);
}
}
if($found == false) //we didn't find item in array
{
//add new user item in array
$_SESSION["products"] = array_merge($product, $new_product);
}else{
//found user item in array list, and increased the quantity
$_SESSION["products"] = $product;
}
}else{
//create a new session var if does not exist
$_SESSION["products"] = $new_product;
}
}
//redirect back to original page
header('Location:'.$return_url);
}
//remove item from shopping cart
if(isset($_GET[“removep”]) && isset($_GET[“return_url”]) && isset($_SESSION[“products”]))
{
$product_code = $_GET[“removep”]; //get the product code to remove
$return_url = base64_decode($_GET[“return_url”]); //get return url
foreach ($_SESSION["products"] as $cart_itm) //loop through session array var
{
if($cart_itm["code"]==$product_code){ //item exist in the list
//continue only if quantity is more than 1
//removing item that has 0 qty
if($cart_itm["qty"]>1)
{
$qty = $cart_itm["qty"]-1; //just decrese the quantity
//prepare array for the products session
$product[] = array('name'=>$cart_itm["name"], 'code'=>$cart_itm["code"], 'qty'=>$qty, 'price'=>$cart_itm["price"]);
}
}else{
$product[] = array('name'=>$cart_itm["name"], 'code'=>$cart_itm["code"], 'qty'=>$cart_itm["qty"], 'price'=>$cart_itm["price"]);
}
//set session with new array values
$_SESSION["products"] = $product;
}
//redirect back to original page
header('Location:'.$return_url);
}
if(isset($_GET[“addp”]) && isset($_GET[“return_url”]) && isset($_SESSION[“products”])) {
$product_code = $_GET[“addp”]; //get the product code to remove
$return_url = base64_decode($_GET[“return_url”]); //get return url
foreach ($_SESSION["products"] as $cart_itm) //loop through session array var
{
if($cart_itm["code"]==$product_code){ //item exist in the list
//continue only if quantity is more than 0
//removing item that has 0 qty
if($cart_itm["qty"]>0) {
$qty = $cart_itm["qty"]+1; //just add the quantity by 1
//prepare array for the products session
$product[] = array('name'=>$cart_itm["name"], 'code'=>$cart_itm["code"], 'qty'=>$qty, 'price'=>$cart_itm["price"]);
}
}else{
$product[] = array('name'=>$cart_itm["name"], 'code'=>$cart_itm["code"], 'qty'=>$cart_itm["qty"], 'price'=>$cart_itm["price"]);
}
//set session with new array values
$_SESSION["products"] = $product;
}
//redirect back to original page
header('Location:'.$return_url);
}[/php]
and the css
*{
margin:0px;
padding:0px;
}
img{border:0px}
html{
height:100%;
background-image:url(images/top_bg.jpg);
background-position:top center;
background-repeat:no-repeat;
width:100%;
min-width:980px;
}
body{
width:100%;
height:100%;
position:relative
}
html > body{
min-height:100%;
height:auto;
}
#content{
width:980px;
overflow:hidden;
margin:0 auto;
}
#content, x:-moz-any-link {width:981px;}
#header{
width:980px;
height:125px;
}
#wrapper{
width:980px;
height:100%;
margin:0 0 87px 0;
padding:0 0 48px 0;
overflow:hidden;
background-image:url(images/bottom.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
#footer{
position:absolute;
bottom:0px;
height:87px;
width:100%;
background-image:url(images/bot_bg.jpg);
background-position:top left;
background-repeat:repeat-x;
}
#footer div{
width:980px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#BDBDBD;
}
#footer li{
display:block;
float:left;
list-style-type:none;
line-height:34px;
}
.top_menu{
margin:0 0px 0 78px;
/ margin:0 0px 0 39px;
display:block;
float:left;
}
.top_menu li{
list-style-type:none;
display:inline;
padding:0 12px;
float:left;
}
.top_menu a, #footer li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#BDBDBD;
text-decoration:none;
line-height:22px;
/ line-height:20px;
}
.top_menu a:visited{color:#BDBDBD}
.top_menu a:hover{color:#D9B24A}
#search{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#BDBDBD;
padding:20px 0 0 330px;
float:left;
line-height:25px;
}
#search select{
width:165px;
height:20px;
font-size:11px;
padding:1px;
margin:0 12px 0 0;
float:left
}
#search a{
display:block;
float:left
}
.tel{
float:right;
margin:80px 17px 0 0
}
#footer li a{
margin:0 9px;
}
#footer ul{
display:block;
overflow:auto;
width:750px;
margin:0 auto;
}
#footer li a{text-decoration:none}
#footer li a:visited{text-decoration:none}
#footer li a:hover{text-decoration:underline}
#bft{
width:235px;
display:block;
line-height:18px;
background-color:#111115;
margin:20px auto 0 auto;
padding:0 40px;
}
#bft a{
color:#B08A24;
text-decoration:none
}
#left{
width:201px;
float:left;
background-image:url(images/left_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#left h4, #right h4{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-transform:uppercase;
}
.title1{
padding:27px 0 13px 19px;
}
#list{
width:181px;
margin:7px 0 0 11px;
list-style-type:none;
}
#list a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
background-position:top left;
background-repeat:no-repeat;
line-height:21px;
width:163px;
padding-left:19px;
margin:0 0 1px 0
}
.type1{background-image:url(images/oarrow.gif);}
.type2{background-image:url(images/garrow.gif);}
.type3{background-image:url(images/oarrowdown.gif);}
#inside{
background-image:url(images/ul_bg.gif);
background-position:top left;
background-repeat:repeat-y;
width:174px;
list-style-type:none;
margin:1px 0 2px 4px;
border-bottom:1px solid #E1E1E2;
border-top:1px solid #E1E1E2;
}
#list #inside a{
color:#000000;
background-image:url(images/arrow.gif);
background-position:0px 8px;
background-repeat:no-repeat;
text-decoration:underline
}
#list #inside a:visited{text-decoration:underline}
#list #inside a:hover{text-decoration:none}
.title2{
background-image:url(images/h4_bg.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding:0 0 14px 8px;
margin:30px 0 12px 10px;
}
.title3{
background-image:url(images/h4_bg.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding:0 0 14px 8px;
margin:12px 0 12px 10px;
}
.news{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding:0 0 18px 11px;
}
.news span{
display:block;
background-image:url(images/date_bg.gif);
background-position:top left;
background-repeat:no-repeat;
width:175px;
line-height:15px;
color:#FFFFFF;
padding:0 0 0 5px
}
.news p{
padding:7px 7px 7px 2px
}
.more{
color:#CE2800;
text-decoration:underline;
display:block;
margin:0 0 0 2px;
}
.more:visited{text-decoration:underline}
.more:hover{text-decoration:none}
.currencies{
background-color:#E1E1E2;
width:182px;
margin:0 0 15px 9px;
height:58px;
text-align:center
}
.currencies select{
width:130px;
height:20px;
margin:19px 0 0 0
}
#center{
width:578px;
float:left;
background-color:#212129;
}
#photo{
background-image:url(images/photo.jpg);
background-position:top left;
background-repeat:no-repeat;
width:578px;
height:341px;
border-bottom:1px solid #A7A7A7;
}
* html .transparent { background:expression(transparent(this)); }
.text{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#888888;
text-transform:uppercase;
margin:112px 0 0 20px;
}
.text p{
width:255px;
padding:12px 0 0 0
}
.text span{color:#D9B24A}
#items{
padding:3px 0 0 8px
}
.item{
border:1px solid #42424B;
width:278px;
height:236px;
background-color:#42424B;
float:left;
margin:0 2px 5px 0
}
.item h5{
display:block;
width:260px;
line-height:49px;
padding:0 0 0 18px;
background-image:url(images/item_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#B2B9C0;
font-weight:normal
}
.itemimage{
padding:4px 0 0 3px;
float:left
}
.itemimage .more{
display:block;
width:150px;
line-height:20px;
margin:1px 0 0 0;
text-align:center;
background-color:#292933;
text-decoration:none
}
.itemimage .more a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#E5BC51;
text-decoration:underline
}
.itemimage .more a:visited{text-decoration:underline}
.itemimage .more a:hover{text-decoration:none}
.price{
float:left;
width:125px;
padding:4px 0 0 0
}
.price p{
display:block;
float:left;
width:125px;
background-color:#292933;
line-height:20px;
}
.price p span{
display:block;
float:left;
width:54px;
text-align:right;
font-family:Tahoma;
font-size:12px;
font-weight:bold
}
.new{color:#FF5216}
.old{color:#CDCDCD;}
.button{
width:125px;
text-align:center;
padding:18px 0 0 0
}
#right{
width:201px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.cart{
float:left;
margin:-2px 5px 0 -2px
}
.bag{
width:182px;
text-align:center;
margin:0 0 0 11px;
}
.bag a{
color:#B48916;
text-decoration:underline;
display:block;
margin:5px
}
.bag a:visited{text-decoration:underline}
.bag a:hover{text-decoration:none}
.entry{
width:160px;
background-color:#E1E1E2;
padding:4px 0 5px 22px;
margin:0 0 0 11px;
line-height:17px;
}
.entry input{
width:136px;
height:17px;
margin:0 0 2px 0;
border:2px inset #CECECE
}
.forgot{
color:#000000;
text-decoration:underline
}
.forgot:visited{text-decoration:underline}
.forgot:hover{text-decoration:none}
.below{
overflow:hidden;
padding:4px 0 0 11px;
}
.below a{
color:#B48916;
text-decoration:underline;
display:block;
float:left;
margin:0 29px 0 22px;
display:inline
}
.below a:visited{text-decoration:underline}
.below a:hover{text-decoration:none}
.users{
width:90px;
background-color:#E1E1E2;
margin:15px 0 35px 11px;
padding:7px 0 5px 92px;
}
.users p{
display:block;
width:80px;
text-align:center;
padding:0 0 5px 0
}
.users font{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
background-color:#FFFFFF;
padding:0 10px;
}
.brands{
list-style-type:none;
margin:3px 0 0 12px;
line-height:20px
}
.brands li{
padding:0 0 0 7px;
width:173px;
}
.brands a{
color:#000000;
text-decoration:none
}
.color{background-color:#E6E6E6}
#background{
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:repeat-y;
overflow:hidden;
width:980px;
height:100%;
}
#discount{
position:absolute;
top:420px;
/ top:429px;
left:871px;
}
.inner_copy{
border:0;
color:#fff;
float:right;
width:0.09%!important;
margin:-100px;
overflow:hidden;
line-height:0px;
padding:0px;
font-size:11px
}