Code

Index.
php
<?php
session_start();
$connect = mysqli_connect("localhost", "root", "", "product");
if(isset($_POST["add_to_cart"]))
if(isset($_SESSION["shopping_cart"]))
$item_array_id = array_column($_SESSION["shopping_cart"], "item_id");
if(!in_array($_GET["id"], $item_array_id))
$count = count($_SESSION["shopping_cart"]);
$item_array = array(
'item_id' => $_GET["id"],
'item_name' => $_POST["hidden_name"],
'item_price' => $_POST["hidden_price"],
'item_quantity' => $_POST["quantity"]
);
$_SESSION["shopping_cart"][$count] = $item_array;
else
echo '<script>alert("Item Already Added")</script>';
else
);
$_SESSION["shopping_cart"][0] = $item_array;
if(isset($_GET["action"]))
if($_GET["action"] == "delete")
foreach($_SESSION["shopping_cart"] as $keys => $values)
if($values["item_id"] == $_GET["id"])
unset($_SESSION["shopping_cart"][$keys]);
echo '<script>alert("Item Removed")</script>';
echo '<script>window.location="index.php"</script>';
?>
<!DOCTYPE html>
<html>
<head>
<title> Simple Shopping Cart</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="https://fonts.googleapis.com/css?
family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">

<link rel="shortcut icon" type="image/icon" href="assets/logo/favicon.png"/>

<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<link rel="stylesheet" href="assets/css/linearicons.css">

<link rel="stylesheet" href="assets/css/animate.css">

<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" href="assets/css/bootsnav.css" >

<link rel="stylesheet" href="assets/css/style.css">

<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<br />
<header id="home" class="welcome-hero">
<div id="header-carousel" class="carousel slide carousel-fade" data-ride="carousel">

<ol class="carousel-indicators">
<li data-target="#header-carousel" data-slide-to="0"

class="active"><span class="small-circle"></span></li>
<li data-target="#header-carousel" data-slide-to="1"><span

class="small-circle"></span></li>

</ol>

<div class="carousel-inner" role="listbox">

<div class="item active">
<div class="single-slide-item slide1">
<div class="container">
<div class="welcome-hero-content">
<div class="row">
<div class="col-sm-7">
<div class="single-
welcome-hero">
<div
class="welcome-hero-txt">
<h4>All
the desired post office products</h4>
<h2>Shop Online</h2>
<p>
Get all
the deisred products in one location.
</p>
<div
class="packages-price">
<p>
$ 399.00
<del>$ 499.00</del>
</p>
</div>
<button
class="btn-cart welcome-add-cart" onclick="window.location.href='/products'">
<span class="lnr lnr-plus-circle"></span>
See <span>more</span> Products
</button>
<button
class="btn-cart welcome-add-cart welcome-more-info" onclick="window.location.href='#featured-
products'">
View Featured Products
</button>
</div>
</div>
</div>
<div class="single-
welcome-hero">
<div
class="welcome-hero-img">
<img
src="images/epost.jpg" alt="slider image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">

<div class="row">
<div class="single-
welcome-hero">
<div
<h4>great stamp collection</h4>
<h2>Stamp</h2>
<p>
Get all
the deisred stamp in one location.
</p>
<div
<p>
$ 199.00
<del>$ 299.00</del>
</p>
</div>
<button

</button>
<button
products'">
</button>
</div>
</div>
<div class="single-
welcome-hero">
<div
<img
src="images/postcard1.jpg" alt="slider image">
</div>
</div>
</div>

<div class="item">
<div class="row">
<div class="single-
welcome-hero">
<div
<h4>great design collection</h4>
<h2>Postcard</h2>
<p>
Get all
the deisred postcard in one location.
</p>
<div
<p>
$ 100.00
<del>$ 399.00</del>
</p>
</div>
<button

</button>
<button
products'">
</button>
</div>
</div>
<div class="single-
welcome-hero">
<div
<img
src="images/stamp1.jpg" alt="slider image">
</div>
</div>
</div>
</div>
</div>

<div class="top-area">
<div class="header-area">

<nav class="navbar navbar-default bootsnav navbar-sticky

navbar-scrollspy" data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000">







<div class="navbar-header">
<button type="button" class="navbar-

toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand"
href="./index.php">OnlinePost<span>Office</span>.</a>
</div>


<div class="collapse navbar-collapse menu-ui-

design" id="navbar-menu">
<ul class="nav navbar-nav navbar-

center" data-in="fadeInDown" data-out="fadeOutUp">
<li class=" scroll active"><a

href="./index.php">home</a></li>
<li class="scroll"><a
href="./products.php">Products</a></li>
</ul>
</div>
</div>
</nav>

</div>
<div class="clearfix"></div>
</div>

</header>
<br />
<br />
<br />
<h3 align="center" id ="featured-products">Popular Products</h3><br />
<br /><br />
<?php
$query = "SELECT * FROM tbl_product ORDER BY id ASC";
$result = mysqli_query($connect, $query);
if(mysqli_num_rows($result) > 0)
while($row = mysqli_fetch_array($result))
?>
<div class="col-md-4">
<form method="post" action="index.php?action=add&id=<?php echo

$row["id"]; ?>">
<div style="border:1px solid #333; background-color:#f1f1f1;

border-radius:5px; padding:16px;" align="center">
<img src="images/<?php echo $row["image"]; ?>"

class="img-responsive" /><br />
<h4 class="text-info"><?php echo $row["name"];

?></h4>
<h4 class="text-danger">$ <?php echo $row["price"]; ?
></h4>

<input type="hidden" name="hidden_name" value="<?

php echo $row["name"]; ?>" />
<input type="hidden" name="hidden_price" value="<?

php echo $row["price"]; ?>" />

</div>
</form>
</div>
<?php
?>
<div style="clear:both"></div>
<br />
<footer id="footer" class="footer">
<div class="hm-footer-copyright text-center">
<div class="footer-social">
<a href="./index.php">Home</a>
<a href="./products.php">Products</a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
<p>
©copyright.
</p>
</div>
<div id="scroll-Top">
<div class="return-to-top">
<i class="fa fa-angle-up " id="scroll-top" data-toggle="tooltip"

data-placement="top" title="" data-original-title="Back to Top" aria-hidden="true"></i>
</div>
</div>
</footer>


</div>
</div>
<br />
</body>
</html>
<?php
?>
Checkout.html
<!DOCTYPE html>
<html>
<head>
<script




</head>
<nav class="navbar navbar-default bootsnav navbar-sticky navbar-scrollspy" data-minus-

value-desktop="70" data-minus-value-mobile="55" data-speed="1000">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div> -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-

target="#navbar-menu">
</button>
<a class="navbar-brand" href="./index.php">OnlinePost<span>Office</span>.</a>


<div class="collapse navbar-collapse menu-ui-design" id="navbar-menu">
<ul class="nav navbar-nav navbar-center" data-in="fadeInDown" data-

out="fadeOutUp">
<li class=" scroll active"><a href="./index.php">home</a></li>
<li class="scroll"><a href="./products.php">Products</a></li>
</ul>
</nav>
</header>
<section id="populer-products" class="populer-products" style="padding-top: 64px">
<h3 align="center"style="padding-top: 64px; font-size:32px">Thankyou</h3>
<div class="container" style="padding-top: 64px">
<div class="populer-products-content">
<div class="row">
<div class="single-populer-products">
<div class="single-populer-product-img mt40">
<img src="images/postcard1.jpg" alt="populer-products images">
</div>
</div>
</div>
<div class="single-inner-populer-products">
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="single-inner-populer-product-img">
<img src="images/stamp1.jpg" alt="populer-products images">
</div>
</div>
<div class="single-inner-populer-product-txt">
<h2>
<a href="#">
Thankyou For Collaborating with us
</a>
</h2>
<div class="populer-products-price">
<h4>Sales Start from <span>$99.00</span></h4>
</div>
<button class="btn-cart welcome-add-cart populer-products-btn"

onclick="window.location.href='./products.php'">
Shop More
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-populer-product-img">
<img src="images/postcard2.jpg" alt="populer-products images">
</div>
</div>
</div>
</div>
</div>
</div>
</section>

</div>
<p>
©copyright.
</p>
<i class="fa fa-angle-up " id="scroll-top" data-toggle="tooltip" data-placement="top" title=""

data-original-title="Back to Top" aria-hidden="true"></i>
</div>
</footer>
New.html
<!doctype html>
<html class="no-js" lang="en">
<head>




<title>Furniture</title>







</head>
<body>


<div id="header-carousel" class="carousel slide carousel-fade" data-

ride="carousel">
<ol class="carousel-indicators">
<li data-target="#header-carousel" data-slide-to="0"

class="active"><span class="small-circle"></span></li>


</ol>

<div class="carousel-inner" role="listbox">

<div class="item active">
<div class="row">
<div
class="single-welcome-hero">
<div
<h2>cloth covered accent chair</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiuiana smod tempor ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip.
</p>
<div class="packages-price">
<p>
$ 399.00
<del>$ 499.00</del>
</p>
</div>
<button class="btn-cart welcome-add-cart" onclick="window.location.href='#'">
add <span>to</span> cart

</button>
<button class="btn-cart welcome-add-cart welcome-more-info"

onclick="window.location.href='#'">
more info
</button>
</div>
</div>
<div
<div
<img src="assets/images/slider/slider1.png" alt="slider image">
</div>
</div>

<div class="item">
<div class="row">
<div
<div
<h2>mapple wood accent chair</h2>
<p>
ut aliquip.
</p>
<p>
$ 199.00
<del>$ 299.00</del>
</p>
</div>
</button>

more info
</button>
</div>
<div
<div
</div>
</div>
<div class="item">
<div class="row">
<div
<div
<h2>valvet accent arm chair</h2>
<p>
ut aliquip.
</p>
<p>
$ 299.00
<del>$ 399.00</del>
</p>
</div>
</button>

more info
</button>
</div>
<div
<div
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default bootsnav navbar-sticky navbar-

scrollspy" data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000">
<div class="top-search">
<span class="input-group-addon"><i class="fa

fa-search"></i></span>
<input type="text" class="form-control"

placeholder="Search">
<span class="input-group-addon close-search"><i class="fa

fa-times"></i></span>
</div>
</div>
</div>
<div class="attr-nav">
<ul>
<li class="search">
<a href="#"><span class="lnr

lnr-magnifier"></span></a>
</li>
<li class="nav-setting">
<a href="#"><span class="lnr

lnr-cog"></span></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-

toggle="dropdown" >
<span class="lnr lnr-cart"></span>
<span
class="badge badge-bg-1">2</span>
</a>
<ul class="dropdown-menu cart-list s-cate">
<li class="single-cart-list">
<a href="#" class="photo"><img

src="assets/images/collection/arrivals1.png" class="cart-thumb" alt="image" /></a>
<div class="cart-list-txt">
<h6><a href="#">arm <br> chair</a></h6>

<p>1 x - <span
class="price">$180.00</span></p>
</div>
<div class="cart-close">
<span class="lnr lnr-cross"></span>
</div>
</li>

<h6><a href="#">single <br>

armchair</a></h6>
<p>1 x - <span

<h6><a href="#">wooden arn <br>

chair</a></h6>
<p>1 x - <span

<li class="total">
<span>Total: $0.00</span>
<button class="btn-cart pull-right"

onclick="window.location.href='#'">view cart</button>
</li>
</ul>
</li>
</ul>
</div>
<button type="button" class="navbar-toggle" data-

toggle="collapse" data-target="#navbar-menu">
</button>
href="index.html">sine<span>mkt</span>.</a>

<div class="collapse navbar-collapse menu-ui-design" id="navbar-

menu">
<ul class="nav navbar-nav navbar-center" data-

in="fadeInDown" data-out="fadeOutUp">
<li class=" scroll active"><a href="#home">home</a></li>
<li class="scroll"><a href="#new-arrivals">new

arrival</a></li>
<li class="scroll"><a href="#feature">features</a></li>
<li class="scroll"><a href="#blog">blog</a></li>
<li class="scroll"><a href="#newsletter">contact</a></li>
</ul>
</nav>
</header>


<section id="populer-products" class="populer-products">
<div class="populer-products-content">
<div class="row">
<div class="single-populer-product-img
mt40">
<img
src="assets/images/populer-products/p1.png" alt="populer-products images">
</div>
<h2><a href="#">arm chair</a></h2>
<div class="single-populer-products-
para">
<p>Nemo enim ipsam

voluptatem quia volu ptas sit asperna aut odit aut fugit.</p>
</div>
</div>
</div>
<div class="single-inner-populer-
products">
<div class="row">
<div class="col-md-4
col-sm-12">
<div
class="single-inner-populer-product-img">
<img
</div>
</div>
<div class="col-md-8
col-sm-12">
<div
class="single-inner-populer-product-txt">
<h2>
<a href="#">
latest designed stool <span>and</span> chair

</a>
</h2>
<p>
Edi ut perspiciatis unde omnis iste natusina error sit voluptatem accusantium doloret mque
laudantium, totam rem aperiam.
</p>
<div
class="populer-products-price">
<h4>Sales Start from <span>$99.00</span></h4>
</div>
<button
class="btn-cart welcome-add-cart populer-products-btn" onclick="window.location.href='#'">
discover more
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-populer-
product-img">
<img
</div>
<h2><a href="#">hanging
lamp</a></h2>
<div class="single-populer-
products-para">
<p>Nemo enim ipsam

voluptatem quia volu ptas sit asperna aut odit aut fugit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="new-arrivals" class="new-arrivals">
<div class="section-header">
<h2>new arrivals</h2>
</div>
<div class="new-arrivals-content">
<div class="row">
<div class="single-new-arrival">
<div class="single-new-arrival-bg">
<img
src="assets/images/collection/arrivals1.png" alt="new-arrivals images">
<div class="single-new-arrival-
bg-overlay"></div>
<div class="sale bg-1">
<p>sale</p>
</div>
<div class="new-arrival-cart">
<p>
<span
class="lnr lnr-cart"></span>
<a
href="#">add <span>to </span> cart</a>
</p>
<p class="arrival-review
pull-right">
<span
class="lnr lnr-heart"></span>
<span
class="lnr lnr-frame-expand"></span>
</p>
</div>
</div>
<h4><a href="#">wooden
chair</a></h4>
<p class="arrival-product-
price">$65.00</p>
</div>
</div>
<img
bg-overlay"></div>
<p>sale</p>
</div>
<p>
<span
<a
</p>
pull-right">
<span
<span
</p>
</div>
</div>
<h4><a href="#">single
armchair</a></h4>
price">$80.00</p>
</div>
</div>
<img
bg-overlay"></div>
<p>
<span
<a
</p>
pull-right">
<span
<span
</p>
</div>
</div>
armchair</a></h4>
price">$40.00</p>
</div>
</div>
<img
bg-overlay"></div>
<p>sale</p>
</div>
<p>
<span
<a
</p>
pull-right">
<span
<span
</p>
</div>
</div>
<h4><a href="#">stylish chair</a></h4>
price">$100.00</p>
</div>
</div>
<img
bg-overlay"></div>
<p>
<span
<a
</p>
pull-right">
<span
<span
</p>
</div>
</div>
<h4><a href="#">modern
chair</a></h4>
price">$120.00</p>
</div>
</div>
<img
bg-overlay"></div>
<p>sale</p>
</div>
<p>
<span
<a
</p>
pull-right">
<span
<span
</p>
</div>
</div>
<h4><a href="#">mapple wood dinning

table</a></h4>
price">$140.00</p>
</div>
</div>
<img
bg-overlay"></div>
<p>sale</p>
</div>
<p>
<span
<a
</p>
pull-right">
<span
<span
</p>
</div>
</div>
<h4><a href="#">arm chair</a></h4>
price">$90.00</p>
</div>
</div>
<img
bg-overlay"></div>
<p>
<span
<a
</p>
pull-right">
<span
<span
</p>
</div>
</div>
bed</a></h4>
price">$140.00</p>
</div>
</div>
</div>
</div>
</section>


<section id="sofa-collection">
<div class="owl-carousel owl-theme" id="collection-carousel">
<div class="sofa-collection collectionbg1">
<div class="sofa-collection-txt">
<h2>unlimited sofa collection</h2>
<p>
Lorem ipsum dolor sit amet,

consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<div class="sofa-collection-price">
<h4>strting from <span>$

199</span></h4>
</div>
<button class="btn-cart welcome-add-cart sofa-

collection-btn" onclick="window.location.href='#'">
view more
</button>
</div>
</div>
</div>
<div class="sofa-collection collectionbg2">
<div class="sofa-collection-txt">
<h2>unlimited dainning table collection</h2>
<p>
Lorem ipsum dolor sit amet,

consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<div class="sofa-collection-price">
<h4>strting from <span>$

299</span></h4>
</div>
<button class="btn-cart welcome-add-cart sofa-

collection-btn" onclick="window.location.href='#'">
view more
</button>
</div>
</div>
</div>
</div>
</section>


<section id="feature" class="feature">
<h2>featured products</h2>
<div class="feature-content">
<div class="row">
<div class="single-feature">
<img
src="assets/images/features/f1.jpg" alt="feature image">
<div class="single-feature-txt text-

center">
<p>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<span class="spacial-
feature-icon"><i class="fa fa-star"></i></span>
<span class="feature-
review">(45 review)</span>
</p>
<h3><a href="#">designed
sofa</a></h3>
<h5>$160.00</h5>
</div>
</div>
</div>
<img

center">
<p>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
</p>
<h3><a href="#">dinning table

</a></h3>
<h5>$200.00</h5>
</div>
</div>
</div>
<img

center">
<p>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
</p>
<h3><a href="#">chair and

table</a></h3>
<h5>$100.00</h5>
</div>
</div>
</div>
<img

center">
<p>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
<i class="fa
fa-star"></i>
</p>
<h3><a href="#">modern arm

chair</a></h3>
<h5>$299.00</h5>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="blog" class="blog">
<h2>latest blog</h2>
<div class="blog-content">
<div class="row">
<div class="single-blog">
<div class="single-blog-img">
<img
src="assets/images/blog/b1.jpg" alt="blog image">
<div class="single-blog-img-
overlay"></div>
</div>
<div class="single-blog-txt">
<h2><a href="#">Why Brands

are Looking at Local Language</a></h2>
<h3>By <a href="#">Robert

Norby</a> / 18th March 2018</h3>
<p>
Nemo enim ipsam

voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui
ratione voluptatem sequi nesciunt....
</p>
</div>
</div>
</div>
<img
overlay"></div>
</div>


<p>
Nemo enim ipsam

</p>
</div>
</div>
</div>
<img
overlay"></div>
</div>

<p>
Nemo enim ipsam

</p>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="clients" class="clients">
<div class="owl-carousel owl-theme" id="client">
<div class="item">
<a href="#">
<img
src="assets/images/clients/c1.png" alt="brand-image" />
</a>
</div>
<div class="item">
<a href="#">
<img
</a>
</div>
<div class="item">
<a href="#">
<img
</a>
</div>
<div class="item">
<a href="#">
<img
</a>
</div>
<div class="item">
<a href="#">
<img
</a>
</div>
</div>
</section>



<section id="newsletter" class="newsletter">
<div class="hm-footer-details">
<div class="row">
<div class=" col-md-3 col-sm-6 col-xs-12">
<div class="hm-footer-widget">
<div class="hm-foot-title">
<h4>information</h4>
</div>
<div class="hm-foot-menu">
<ul>
<li><a href="#">about
us</a></li>
<li><a href="#">contact
us</a></li>
<li><a
href="#">news</a></li>
<li><a
href="#">store</a></li>
</ul>
</div>
</div>
</div>
<h4>collections</h4>
<ul>
<li><a
href="#">wooden chair</a></li>
<li><a href="#">royal
cloth sofa</a></li>
<li><a href="#">accent
chair</a></li>
<li><a
href="#">bed</a></li>
<li><a
href="#">hanging lamp</a></li>
</ul>
</div>
<h4>my accounts</h4>
<ul>
<li><a href="#">my
account</a></li>
<li><a
href="#">wishlist</a></li>
<li><a
href="#">Community</a></li>
<li><a href="#">order
history</a></li>
<li><a href="#">my
cart</a></li>
</ul>
</div>
<h4>newsletter</h4>
<div class="hm-foot-para">
<p>
Subscribe to get latest

news,update and information.
</p>
</div>
<div class="hm-foot-email">
<div class="foot-email-box">
<input type="text"
class="form-control" placeholder="Enter Email Here....">
</div>
<div class="foot-email-
subscribe">
<span><i class="fa fa-

location-arrow"></i></span>
</div>
</div>
</div>
</div>
</div>
</section>


<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-behance"></i></a>
</div>
<p>
©copyright. designed and developed by <a

href="https://www.themesine.com/">themesine</a>
</p>

</div>


<script src="assets/js/jquery.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

<script src="assets/js/bootstrap.min.js"></script>

<script src="assets/js/bootsnav.js"></script>

<script src="assets/js/owl.carousel.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

<script src="assets/js/custom.js"></script>
</body>
</html>
Products.php
<?php
session_start();
$connect = mysqli_connect("localhost", "root", "", "product");
if(isset($_POST["add_to_cart"]))
if(isset($_SESSION["shopping_cart"]))
$item_array_id = array_column($_SESSION["shopping_cart"], "item_id");
if(!in_array($_GET["id"], $item_array_id))
$count = count($_SESSION["shopping_cart"]);
);
$_SESSION["shopping_cart"][$count] = $item_array;
else
echo '<script>alert("Item Already Added")</script>';

}
else
);
$_SESSION["shopping_cart"][0] = $item_array;
if(isset($_GET["action"]))
if($_GET["action"] == "delete")
foreach($_SESSION["shopping_cart"] as $keys => $values)
if($values["item_id"] == $_GET["id"])
unset($_SESSION["shopping_cart"][$keys]);
echo '<script>alert("Item Removed")</script>';
echo '<script>window.location="index.php"</script>';
}
?>
<!DOCTYPE html>
<html>
<head>
<script





</head>
<body>
<br />
<nav class="navbar navbar-default bootsnav navbar-sticky

navbar-scrollspy" data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000">
addon"><i class="fa fa-search"></i></span>
<input type="text" class="form-

control" placeholder="Search">
addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div> -->
<button type="button" class="navbar-

toggle" data-toggle="collapse" data-target="#navbar-menu">
</button>
href="./index.php">OnlinePost<span>Office</span>.</a>

<div class="collapse navbar-collapse menu-ui-

design" id="navbar-menu">
<ul class="nav navbar-nav navbar-

center" data-in="fadeInDown" data-out="fadeOutUp">
<li class=" scroll active"><a
href="./index.php">home</a></li>
<li class="scroll"><a
href="./products.php">Products</a></li>
</ul>
</nav>
</header>
<br />
<br />
<br />
<h2 align="center" style= "padding-top: 64px ; font-size:32px "> Products

Available</h2><br />
<br /><br />
<?php
$query = "SELECT * FROM tbl_product ORDER BY id ASC";
$result = mysqli_query($connect, $query);
if(mysqli_num_rows($result) > 0)
while($row = mysqli_fetch_array($result))
{
?>
<form method="post" action="products.php?action=add&id=<?php

echo $row["id"]; ?>">
<div style="border:1px solid #333; background-color:#f1f1f1;

border-radius:5px; padding:16px;" align="center">
<img src="images/<?php echo $row["image"]; ?>"

class="img-responsive" /><br />
<h4 class="text-info"><?php echo $row["name"];

?></h4>
<h4 class="text-danger">$ <?php echo $row["price"]; ?

></h4>
<input type="text" name="quantity" value="1"

class="form-control" />
<input type="hidden" name="hidden_name" value="<?

php echo $row["name"]; ?>" />
<input type="hidden" name="hidden_price" value="<?

php echo $row["price"]; ?>" />
<input type="submit" name="add_to_cart"

style="margin-top:5px;" class="btn btn-success" value="Add to Cart" />
</div>
</form>
</div>
<?php
}
?>
<div style="clear:both"></div>
<br />
<h3 align="center" style= "padding-top: 64px ; font-size:32px" >Cart

Details</h3>
<div class="table-responsive" style= "padding-top: 64px ">
<table class="table table-bordered">
<tr>
<th width="40%">Item Name</th>
<th width="10%">Quantity</th>
<th width="20%">Price</th>
<th width="15%">Total</th>
<th width="5%">Action</th>
</tr>
<?php
if(!empty($_SESSION["shopping_cart"]))
$total = 0;
foreach($_SESSION["shopping_cart"] as $keys =>

$values)
?>
<tr>
<td><?php echo $values["item_name"]; ?></td>
<td><?php echo $values["item_quantity"]; ?></td>
<td>$ <?php echo $values["item_price"]; ?></td>
<td>$ <?php echo

number_format($values["item_quantity"] * $values["item_price"], 2);?></td>
<td><a href="products.php?action=delete&id=<?php
echo $values["item_id"]; ?>"><span class="text-danger">Remove</span></a></td>
</tr>
<?php
$total = $total + ($values["item_quantity"] *

$values["item_price"]);
?>
<tr>
<td colspan="3" align="right">Total</td>
<td align="right">$ <?php echo number_format($total,

2); ?></td>
<td></td>
</tr>
<?php
?>
</table>
<div style=" -ms-transform: translateY(-50%); transform: translateY(-

50%);">
<button class="btn btn-success" style= "margin-top: 64px ; button-align:

center; font-size:16px"><a href="./checkout.html"> Checkout</a> </button>
</div>
</div>
</div>
</div>
<br />
</body>
</html>
<?php
?>
</div>
<p>
©copyright.
</p>

</div>

Code

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Code

Uploaded by

Copyright:

Available Formats

Index.

$connect = mysqli_connect("localhost", "root", "", "product");

$item_array_id = array_column($_SESSION["shopping_cart"], "item_id");

'item_id' => $_GET["id"],

'item_name' => $_POST["hidden_name"],

'item_price' => $_POST["hidden_price"],

'item_quantity' => $_POST["quantity"]

echo '<script>alert("Item Already Added")</script>';

'item_name' => $_POST["hidden_name"],

'item_price' => $_POST["hidden_price"],

'item_quantity' => $_POST["quantity"]

foreach($_SESSION["shopping_cart"] as $keys => $values)

echo '<script>alert("Item Removed")</script>';

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="shortcut icon" type="image/icon" href="assets/logo/favicon.png"/>

<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<link rel="stylesheet" href="assets/css/linearicons.css">

<link rel="stylesheet" href="assets/css/animate.css">

<link rel="stylesheet" href="assets/css/owl.carousel.min.css">

<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" href="assets/css/bootsnav.css" >

<link rel="stylesheet" href="assets/css/style.css">

<header id="home" class="welcome-hero">

<div id="header-carousel" class="carousel slide carousel-fade" data-ride="carousel">

<li data-target="#header-carousel" data-slide-to="0"

<li data-target="#header-carousel" data-slide-to="1"><span

<li data-target="#header-carousel" data-slide-to="2"><span

<div class="carousel-inner" role="listbox">

<div class="item active">

<div class="single-slide-item slide1">

<span class="lnr lnr-plus-circle"></span>

See <span>more</span> Products

View Featured Products

</div>

<div class="single-slide-item slide2">

<h4>great stamp collection</h4>

<span class="lnr lnr-plus-circle"></span>

See <span>more</span> Products

View Featured Products

</div>

<div class="single-slide-item slide3">

<h4>great design collection</h4>

<span class="lnr lnr-plus-circle"></span>

View Featured Products

<nav class="navbar navbar-default bootsnav navbar-sticky

<!-- <div class="top-search">

<input type="text" class="form-

<button type="button" class="navbar-

<i class="fa fa-bars"></i>