Script layout/head.php :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Electro - Arief.com</title>
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">
<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
<!-- Slick -->
<link type="text/css" rel="stylesheet" href="css/slick.css"/>
<link type="text/css" rel="stylesheet" href="css/slick-theme.css"/>
<!-- nouislider -->
<link type="text/css" rel="stylesheet" href="css/nouislider.min.css"/>
<!-- Font Awesome Icon -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Custom stlylesheet -->
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
Script layout/header.php :
<?php
error_reporting(0);
?>
<!-- HEADER -->
<header>
<!-- TOP HEADER -->
<div id="top-header">
<div class="container">
<ul class="header-links pull-left">
<li><a href="#"><i class="fa fa-phone"></i>0895-3395.20777</a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i>ariefichwan2404@gmail.com</a></li>
</ul>
<ul class="header-links pull-right">
<?php
if($_SESSION["cstatus"]=="Pelanggan"){
?>
<li><a href="?mnu=profil"><i class="fa fa-dollar"></i> <?php echo $_SESSION["cnama"] ?></a></li>
<li><a href="?mnu=logout"><i class="fa fa-user-o"></i> Logout</a></li>
<?php
} else {
?>
<li><a href="?mnu=register"><i class="fa fa-dollar"></i> Register</a></li>
<li><a href="?mnu=login"><i class="fa fa-user-o"></i> Login</a></li>
<?php } ?>
</ul>
</div>
</div>
<!-- /TOP HEADER -->
<!-- MAIN HEADER -->
<div id="header">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- LOGO -->
<div class="col-md-3">
<div class="header-logo">
<a href="#" class="logo">
<img src="./img/logo.png" alt="">
</a>
</div>
</div>
<!-- /LOGO -->
<!-- SEARCH BAR -->
<div class="col-md-6">
<div class="header-search">
<form>
<select class="input-select">
<option value="0">All Categories</option>
</select>
<input class="input" placeholder="Search here">
<button class="search-btn">Search</button>
</form>
</div>
</div>
<!-- /SEARCH BAR -->
<!-- ACCOUNT -->
<div class="col-md-3 clearfix">
<div class="header-ctn">
<!-- Wishlist -->
<div>
<a href="#">
<i class="fa fa-heart-o"></i>
<span>Kamu Sukai</span>
<div class="qty">3</div>
</a>
</div>
<!-- /Wishlist -->
<!-- Cart -->
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
<i class="fa fa-shopping-cart"></i>
<span>Keranjang</span>
<div class="qty">3</div>
</a>
<div class="cart-dropdown">
<div class="cart-list">
<div class="product-widget">
<div class="product-img">
<img src="./img/product01.png" alt="">
</div>
<div class="product-body">
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price"><span class="qty">1x</span>$980.00</h4>
</div>
<button class="delete"><i class="fa fa-close"></i></button>
</div>
<div class="product-widget">
<div class="product-img">
<img src="./img/product02.png" alt="">
</div>
<div class="product-body">
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price"><span class="qty">3x</span>$980.00</h4>
</div>
<button class="delete"><i class="fa fa-close"></i></button>
</div>
</div>
<div class="cart-summary">
<small>3 Item(s) selected</small>
<h5>SUBTOTAL: $2940.00</h5>
</div>
<div class="cart-btns">
<a href="#">View Cart</a>
<a href="#">Checkout <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<!-- /Cart -->
<!-- Menu Toogle -->
<div class="menu-toggle">
<a href="#">
<i class="fa fa-bars"></i>
<span>Menu</span>
</a>
</div>
<!-- /Menu Toogle -->
</div>
</div>
<!-- /ACCOUNT -->
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!-- /MAIN HEADER -->
</header>
<!-- /HEADER -->
Script layout/footer.php :
<!-- FOOTER -->
<footer id="footer">
<!-- top footer -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">About Us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.</p>
<ul class="footer-links">
<li><a href="#"><i class="fa fa-map-marker"></i>1734 Stonecoal Road</a></li>
<li><a href="#"><i class="fa fa-phone"></i>+021-95-51-84</a></li>
<li><a href="#"><i class="fa fa-envelope-o"></i>email@email.com</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">Categories</h3>
<ul class="footer-links">
<li><a href="#">Hot deals</a></li>
<li><a href="#">Laptops</a></li>
<li><a href="#">Smartphones</a></li>
<li><a href="#">Cameras</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</div>
<div class="clearfix visible-xs"></div>
<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">Information</h3>
<ul class="footer-links">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Orders and Returns</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="footer">
<h3 class="footer-title">Service</h3>
<ul class="footer-links">
<li><a href="#">My Account</a></li>
<li><a href="#">View Cart</a></li>
<li><a href="#">Wishlist</a></li>
<li><a href="#">Track My Order</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /top footer -->
<!-- bottom footer -->
<div id="bottom-footer" class="section">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-12 text-center">
<ul class="footer-payments">
<li><a href="#"><i class="fa fa-cc-visa"></i></a></li>
<li><a href="#"><i class="fa fa-credit-card"></i></a></li>
<li><a href="#"><i class="fa fa-cc-paypal"></i></a></li>
<li><a href="#"><i class="fa fa-cc-mastercard"></i></a></li>
<li><a href="#"><i class="fa fa-cc-discover"></i></a></li>
<li><a href="#"><i class="fa fa-cc-amex"></i></a></li>
</ul>
<span class="copyright">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</span>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /bottom footer -->
</footer>
<!-- /FOOTER -->
Script layout/js.php :
<!-- jQuery Plugins -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Script index.php :
<?php
if (version_compare(phpversion(), "5.3.0", ">=") == 1)
error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED);
else
error_reporting(E_ALL & ~E_NOTICE);
?>
<?php
session_start();
//error_reporting(0);
require_once "cpanel/konmysqli.php";
$mnu = "";
if (isset($_GET["mnu"])) {
$mnu = $_GET["mnu"];
}
//if(!isset($_SESSION["cid"])){
//die("<script>location.href='login.php';</script>");
//}
require_once"layout/head.php";
require_once"layout/header.php";
require_once"menu.php";
?>
<div class="container">
<?php
if($mnu=="home"){include"home.php";}
else if($mnu=="produk"){include"produk.php";}
else if($mnu=="dproduk"){include"dproduk.php";}
else if($mnu=="login"){include"login.php";}
else if($mnu=="register"){include"register.php";}
else if($mnu=="profil"){include"profil.php";}
else if($mnu=="logout"){include"logout.php";}
else{include"home.php";}
?>
</div>
<?php
include"layout/footer.php";
include"layout/js.php";
?>
Script Register.php :
<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-7">
<!-- Billing Details -->
<div class="billing-details">
<div class="section-title">
<h3 class="title">Register</h3>
</div>
<form method="post">
<div class="form-group">
<input class="form-control" type="text" name="nama-pelanggan" placeholder="Name">
</div>
<div class="form-group">
<input class="form-control" type="text" name="user" placeholder="Username">
</div>
<div class="form-group">
<input class="form-control" type="number" name="telepon" placeholder="Telephone">
</div>
<div class="form-group">
<input class="form-control" type="text" name="email" placeholder="Email">
</div>
<div class="form-group">
<input class="form-control" type="password" name="password" placeholder="password">
</div>
</div>
<div class="input-checkbox">
<input type="checkbox" id="terms">
</div>
<input class="btn btn-primary btn-lg btn-block" type="submit" name="submit">
</div>
<!-- /Billing Details -->
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->
<?php
if (isset($_POST["submit"])) {
$id_pelanggan = strip_tags($_POST["id_pelanggan"]);
$username = strip_tags($_POST["username"]);
$nama_pelanggan = strip_tags($_POST["nama_pelanggan"]);
$password = strip_tags($_POST["password"]);
$telepon = strip_tags($_POST["telepon"]);
$email = strip_tags($_POST["email"]);
$status = strip_tags($_POST["status"]);
$keterangan = strip_tags($_POST["keterangan"]);
$sql = "select `id_pelanggan` from `$tbpelanggan` order by `id_pelanggan` desc";
$jum = getJum($conn, $sql);
$kd = "PLG";
if ($jum > 0) {
$d = getField($conn, $sql);
$idmax = $d['id_pelanggan'];
$urut = substr($idmax, 3, 2) + 1; //01
if ($urut < 10) {
$idmax = "$kd" . "0" . $urut;
} else {
$idmax = "$kd" . $urut;
}
} else {
$idmax = "$kd" . "01";
}
$id_pelanggan = $idmax;
$sql = " INSERT INTO `$tbpelanggan` (
`id_pelanggan` ,
`nama_pelanggan` ,
`username` ,
`password` ,
`telepon` ,
`email` ,
`status` ,
`keterangan`
) VALUES (
'$id_pelanggan',
'$nama_pelanggan',
'$username',
'$password',
'$telepon',
'$email',
'Aktif',
'-'
)";
$simpan = process($conn, $sql);
if ($simpan) {
echo "<script>alert('Data $nama_pelanggan berhasil disimpan !');document.location.href='?mnu=login';</script>";
} else {
echo "<script>alert('Data $nama_pelanggan gagal disimpan...');document.location.href='?mnu=login';</script>";
}
}
?>
Tampilan Hasil Script Register :
Tampilan Script Database Admin : db_master/tb_pelangganTampilan Hasil Script Produk :
Script DProduk.php :
<?php
$id_produk = $_GET["kd"];
$sql = "select * from `$tbproduk` where `id_produk`='$id_produk'";
$d = getField($conn, $sql);
$id_produk = $d["id_produk"];
$nama_produk = $d["nama_produk"];
$deskripsi = $d["deskripsi"];
$gambar = $d["gambar"];
$harga = $d["harga"];
$kategori = $d["kategori"];
$status = $d["status"];
$keterangan = $d["keterangan"];
?>
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- Product main img -->
<div class="col-md-5 col-md-push-2">
<div id="product-main-img">
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
</div>
</div>
<!-- /Product main img -->
<!-- Product thumb imgs -->
<div class="col-md-2 col-md-pull-5">
<div id="product-imgs">
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
<div class="product-preview">
<img src="cpanel/ypathfile/<?php echo $gambar; ?>" alt="">
</div>
</div>
</div>
<!-- /Product thumb imgs -->
<!-- Product details -->
<div class="col-md-5">
<div class="product-details">
<h2 class="product-name"><?php echo $nama_produk; ?></h2>
<div>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
<a class="review-link" href="#">10 Review(s) | Add your review</a>
</div>
<div>
<h3 class="product-price">$980.00 <del class="product-old-price"><?php echo $harga; ?></del></h3>
<span class="product-available">In Stock</span>
</div>
<p><?php echo $deskripsi; ?></p>
<div class="product-options">
<label>
Size
<select class="input-select">
<option value="0">X</option>
</select>
</label>
<label>
Color
<select class="input-select">
<option value="0">Red</option>
</select>
</label>
</div>
<div class="add-to-cart">
<div class="qty-label">
Qty
<div class="input-number">
<input type="number">
<span class="qty-up">+</span>
<span class="qty-down">-</span>
</div>
</div>
<button class="add-to-cart-btn"><i class="fa fa-shopping-cart"></i> add to cart</button>
</div>
<ul class="product-btns">
<li><a href="#"><i class="fa fa-heart-o"></i> add to wishlist</a></li>
<li><a href="#"><i class="fa fa-exchange"></i> add to compare</a></li>
</ul>
<ul class="product-links">
<li>Category:</li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Accessories</a></li>
</ul>
<ul class="product-links">
<li>Share:</li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<!-- /Product details -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->
0 Komentar