first commit
This commit is contained in:
71
application/views/front/Cart.php
Normal file
71
application/views/front/Cart.php
Normal file
@ -0,0 +1,71 @@
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="row">
|
||||
<ul class="list-group" id="menu2">
|
||||
<li class="list-group-item <?php if ($active=="Home") echo "active" ?>"><a href="<?php echo site_url('welcome') ?>"><i class="glyphicon glyphicon-home"></i> Home</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Produk") echo "active" ?>"><a href="<?php echo site_url('product') ?>"><i class="glyphicon glyphicon-baby-formula"></i> Produk</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Testimoni") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-thumbs-up"></i> Testimoni</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Cara Berberlanja") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-info-sign"></i> Cara Berbelanja</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Contact Us") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-earphone"></i> Contact Us</a></li>
|
||||
<li class="list-group-item <?php if ($active=="About Us") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-briefcase"></i> About Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row">
|
||||
<ul class="list-group" id="kategori">
|
||||
<?php foreach($kategori as $kat) { ?>
|
||||
<li class="list-group-item <?php if ($active=="Home") echo "active" ?>"><a href="#"> <?php echo $kat['Nama'] ?></a></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
<div class="row">
|
||||
|
||||
<h1>Cart</h1>
|
||||
<?php echo form_open(site_url('cart/update')); ?>
|
||||
<table cellpadding="6" cellspacing="1" style="width:100%" border="0">
|
||||
<tr>
|
||||
<th>QTY</th>
|
||||
<th>Item Description</th>
|
||||
<th style="text-align:right">Item Price</th>
|
||||
<th style="text-align:right">Sub-Total</th>
|
||||
</tr>
|
||||
<?php $i = 1; ?>
|
||||
<?php foreach ($this->cart->contents() as $items): ?>
|
||||
<?php echo form_hidden($i.'[rowid]', $items['rowid']); ?>
|
||||
<tr>
|
||||
<td><?php echo form_input(array('name' => $i.'[qty]', 'value' => $items['qty'], 'maxlength' => '3', 'size' => '5')); ?></td>
|
||||
<td>
|
||||
<?php echo $items['name']; ?>
|
||||
<?php if ($this->cart->has_options($items['rowid']) == TRUE): ?>
|
||||
<p>
|
||||
<?php foreach ($this->cart->product_options($items['rowid']) as $option_name => $option_value): ?>
|
||||
<strong><?php echo $option_name; ?>:</strong> <?php echo $option_value; ?><br />
|
||||
<?php endforeach; ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td style="text-align:right"><?php echo $this->cart->format_number($items['price']); ?></td>
|
||||
<td style="text-align:right">$<?php echo $this->cart->format_number($items['subtotal']); ?></td>
|
||||
</tr>
|
||||
<?php $i++; ?>
|
||||
<?php endforeach; ?>
|
||||
<tr>
|
||||
<td colspan="2"> </td>
|
||||
<td class="right"><strong>Total</strong></td>
|
||||
<td class="right">$<?php echo $this->cart->format_number($this->cart->total()); ?></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p><?php echo form_submit('update', 'Update your Cart'); ?>
|
||||
<a href="<?php echo site_url('cart/check_out')?>"><button type="button">Checkout</button></a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
19
application/views/front/Checkout.php
Normal file
19
application/views/front/Checkout.php
Normal file
@ -0,0 +1,19 @@
|
||||
<html>
|
||||
<head></head>
|
||||
<body>
|
||||
<form id="form" class="form-" action="<?php echo site_url('cart/check_out_conv');?>" method="post" name="fo1">
|
||||
<input type="text" placeholder="Nama" name="nama"><br/>
|
||||
<input type="text" placeholder="Email" name="email"><br/>
|
||||
<input type="text" placeholder="Alamat" name="alamat"><br/>
|
||||
<input type="text" placeholder="Kota/Kab" name="kota"><br/>
|
||||
<input type="text" placeholder="Provinsi" name="prov"><br/>
|
||||
<input type="text" placeholder="Telp" name="telp"><br/>
|
||||
Total Belanja = <?php echo $this->cart->total();?><br />
|
||||
<select name="cara_bayar">
|
||||
<option value="1">Transfer</option>
|
||||
<option value="1">Cash</option>
|
||||
</select><br/>
|
||||
<input type="hidden" name="tipe" value="online"><br/>
|
||||
<button>OK</button>
|
||||
</body>
|
||||
</html>
|
573
application/views/front/Home.php
Normal file
573
application/views/front/Home.php
Normal file
@ -0,0 +1,573 @@
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Best Selling Item</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
<div id="carousel-example" class="carousel slide hidden-xs" data-ride="carousel">
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-sm-offset-1" style="margin-left:120px">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product A</h5>
|
||||
<h5 class="price-text-color">$7.99</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product B</h5>
|
||||
<h5 class="price-text-color">$9.99</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_002.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product C</h5>
|
||||
<h5 class="price-text-color">$7.58</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_003.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-sm-offset-1" style="margin-left:120px">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Another product</h5>
|
||||
<h5 class="price-text-color">$3.75</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product</h5>
|
||||
<h5 class="price-text-color">$7.17</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product</h5>
|
||||
<h5 class="price-text-color">$19.99</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_002.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-example" role="button" data-slide="prev" style="background-image:none;color:#337ab7">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-example" role="button" data-slide="next" style="background-image:none;color:#337ab7">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">New Item</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
<div id="carousel-example2" class="carousel slide hidden-xs" data-ride="carousel">
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-sm-offset-1" style="margin-left:120px">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product A</h5>
|
||||
<h5 class="price-text-color">$7.99</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product B</h5>
|
||||
<h5 class="price-text-color">$9.99</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_002.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product C</h5>
|
||||
<h5 class="price-text-color">$7.58</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_003.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-sm-offset-1" style="margin-left:120px">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Another product</h5>
|
||||
<h5 class="price-text-color">$3.75</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product</h5>
|
||||
<h5 class="price-text-color">$7.17</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="col-item">
|
||||
<div class="info">
|
||||
<div class="row">
|
||||
<div class="price col-md-6">
|
||||
<h5>Product</h5>
|
||||
<h5 class="price-text-color">$19.99</h5>
|
||||
</div>
|
||||
<div class="rating hidden-sm col-md-6">
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
<i class="price-text-color fa fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="photo">
|
||||
<img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_002.jpg" class="img-responsive" alt="a" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="separator clear-left">
|
||||
<p class="btn-add">
|
||||
<i class="fa fa-shopping-cart"></i><a href="#" class="hidden-sm">Add to cart</a>
|
||||
</p>
|
||||
<p class="btn-details">
|
||||
<i class="fa fa-list"></i><a href="#" class="hidden-sm">More details</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-example2" role="button" data-slide="prev" style="background-image:none;color:#337ab7">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-example2" role="button" data-slide="next" style="background-image:none;color:#337ab7">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>asset/font-awesome/css/font-awesome.min.css" />
|
||||
<style>
|
||||
.col-item
|
||||
{
|
||||
border: 2px solid #2323A1;
|
||||
border-radius: 5px;
|
||||
background: #FFF;
|
||||
}
|
||||
.col-item .photo img
|
||||
{
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.col-item .info
|
||||
{
|
||||
padding: 10px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.col-item:hover .info {
|
||||
background-color: rgba(215, 215, 244, 0.5);
|
||||
}
|
||||
.col-item .price
|
||||
{
|
||||
/*width: 50%;*/
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.col-item .price h5
|
||||
{
|
||||
line-height: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.price-text-color
|
||||
{
|
||||
color: #00990E;
|
||||
}
|
||||
|
||||
.col-item .info .rating
|
||||
{
|
||||
color: #003399;
|
||||
}
|
||||
|
||||
.col-item .rating
|
||||
{
|
||||
/*width: 50%;*/
|
||||
float: left;
|
||||
font-size: 17px;
|
||||
text-align: right;
|
||||
line-height: 52px;
|
||||
margin-bottom: 10px;
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
.col-item .separator
|
||||
{
|
||||
border-top: 1px solid #FFCCCC;
|
||||
}
|
||||
|
||||
.clear-left
|
||||
{
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.col-item .separator p
|
||||
{
|
||||
line-height: 20px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.col-item .separator p i
|
||||
{
|
||||
margin-right: 5px;
|
||||
}
|
||||
.col-item .btn-add
|
||||
{
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.col-item .btn-add
|
||||
{
|
||||
border-right: 1px solid #CC9999;
|
||||
}
|
||||
|
||||
.col-item .btn-details
|
||||
{
|
||||
width: 50%;
|
||||
float: left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.controls
|
||||
{
|
||||
margin-top: 20px;
|
||||
}
|
||||
[data-slide="prev"]
|
||||
{
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
</html>
|
14
application/views/front/footer.php
Normal file
14
application/views/front/footer.php
Normal file
@ -0,0 +1,14 @@
|
||||
<div class="container" id="foooter">
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<p>Copyright © Your Website 2014</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
173
application/views/front/header.php
Normal file
173
application/views/front/header.php
Normal file
@ -0,0 +1,173 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<title><?php echo $title ?></title>
|
||||
<meta name="generator" content="Bootply" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link href="<?php echo base_url()?>asset/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
<link href="<?php echo base_url()?>asset/css/styles.css" rel="stylesheet">
|
||||
<link href="<?php echo base_url()?>asset/css/custom.css" rel="stylesheet">
|
||||
<style>
|
||||
a.navbar-brand{
|
||||
background: url(<?php echo base_url()."asset/images/logo.png" ?>) top left no-repeat;
|
||||
background-size: 40px 40px;
|
||||
background-position: center;
|
||||
width:40px;
|
||||
padding-top:10px;
|
||||
margin-left:10px;
|
||||
text-align:center;
|
||||
}
|
||||
.navbar-center
|
||||
{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
margin-top:10px;
|
||||
}
|
||||
.navbar-center a
|
||||
{
|
||||
border: solid 1px #000000;
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
|
||||
<script src="<?php echo base_url()?>asset/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
//script here
|
||||
$(document).ready(function() {
|
||||
var cartcntn = $( "div.cart-content" ).html();
|
||||
$("#cartbt").popover({
|
||||
placement : 'bottom', //placement of the popover. also can use top, bottom, left or right
|
||||
title : '<div style="text-align:center; font-size:14px;"> Keranjang</div>', //this is the top title bar of the popover. add some basic css
|
||||
html: 'true', //needed to show html of course
|
||||
content : cartcntn, //this is the content of the html box. add the image here or anything you want really.
|
||||
trigger: 'hover'
|
||||
});
|
||||
var logincntn = $( "div.login-content" ).html();
|
||||
$("#loginbt").popover({
|
||||
placement : 'bottom', //placement of the popover. also can use top, bottom, left or right
|
||||
title : '<div style="text-align:center; font-size:14px;"> Keranjang</div>', //this is the top title bar of the popover. add some basic css
|
||||
html: 'true', //needed to show html of course
|
||||
content : logincntn //this is the content of the html box. add the image here or anything you want really.
|
||||
//trigger: 'hover'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- nav header -->
|
||||
<div id="top-nav" class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<!--<a class="navbar-brand" href="#"></a>-->
|
||||
<div class="navbar-center">
|
||||
<form class="navbar-form" role="search" style="display:inline">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search Product" style="width:300px">
|
||||
<div class="input-group-btn">
|
||||
<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<a href="<?php echo site_url('cart') ?>" id="cartbt" style="display:inline" class="btn btn-primary">
|
||||
<i class="glyphicon glyphicon-shopping-cart"></i> Keranjang Belanja(<span id="total-cart" style="display: inline-block;"><?php echo $this->cart->total_items(); ?></span>)
|
||||
</a>
|
||||
<div class="cart-content" style="display:none">
|
||||
<div id="popOverCart" style="">
|
||||
<table>
|
||||
<thead><tr>
|
||||
<td width="100px">Nama</td>
|
||||
<td width="50px">Qty</td>
|
||||
<td>Harga</td>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<?php foreach ($this->cart->contents() as $items): ?>
|
||||
<tr>
|
||||
<td><?php echo $items['name']; ?></td>
|
||||
<td><?php echo $items['qty']; ?></td>
|
||||
<td>Rp. <?php echo $this->cart->format_number($items['price']); ?></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
<tfoot><tr style="border-top:solid 1px #000000">
|
||||
<td>Total</td>
|
||||
<td colspan="2"><b>Rp. <?php echo $this->cart->format_number($this->cart->total()); ?></b></td>
|
||||
</tr></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<?php if($this->session->userdata('logged_in')){ ?>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"><i class="glyphicon glyphicon-user"></i> <?php echo $this->session->userdata('username') ?> <span class="caret"></span></a>
|
||||
<ul id="g-account-menu" class="dropdown-menu" role="menu">
|
||||
<li><a href="#">My Profile</a></li>
|
||||
<?php if ($this->session->userdata('type') == "ADMIN"){ ?>
|
||||
<li><a href="<?php echo site_url('su/dashboard') ?>">Admin Panel</a></li>
|
||||
<?php } ?>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="<?php echo site_url('user/logout') ?>"><i class="glyphicon glyphicon-lock"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<?php }else{ ?>
|
||||
<li id="loginbt"><a role="button" href="#"><i class="glyphicon glyphicon-user"></i> Login <span class="caret"></span></a></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<div class="login-content" style="display:none">
|
||||
<!--
|
||||
<div id="popOverLogin">
|
||||
<form action="<?php echo site_url('user/login') ?>" method="post">
|
||||
<input type="text" name="username" placeholder="Username">
|
||||
<input type="password" name="password" placeholder="Password">
|
||||
<input type="submit" value="Login">
|
||||
</form>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div class="container">
|
||||
<form id="login-form" class="form-horizontal" style="" action="<?php echo site_url('user/login') ?>" method="post">
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="username" class="form-control" id="inputEmail3" placeholder="Username">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-8">
|
||||
<input type="password" name="password" class="form-control" id="inputPassword3" placeholder="Password">
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary" type="submit">Log in</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- header -->
|
||||
<div class="container" id="main-body">
|
||||
<div class="row">
|
||||
<div class="col-md-10">
|
||||
<!-- logo -->
|
||||
<div class="row">
|
||||
<div class="col-md-1" id="logo">
|
||||
<img src="<?php echo base_url()."asset/images/bglogo.png" ?>"alt="logo" width="700px"></img>
|
||||
</div>
|
||||
</div>
|
61
application/views/front/produk.php
Normal file
61
application/views/front/produk.php
Normal file
@ -0,0 +1,61 @@
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="row">
|
||||
<ul class="list-group" id="menu2">
|
||||
<li class="list-group-item <?php if ($active=="Home") echo "active" ?>"><a href="<?php echo site_url('welcome') ?>"><i class="glyphicon glyphicon-home"></i> Home</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Produk") echo "active" ?>"><a href="<?php echo site_url('product') ?>"><i class="glyphicon glyphicon-baby-formula"></i> Produk</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Testimoni") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-thumbs-up"></i> Testimoni</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Cara Berberlanja") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-info-sign"></i> Cara Berbelanja</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Contact Us") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-earphone"></i> Contact Us</a></li>
|
||||
<li class="list-group-item <?php if ($active=="About Us") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-briefcase"></i> About Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row">
|
||||
<ul class="list-group" id="kategori">
|
||||
<?php foreach($kategori as $kat) { ?>
|
||||
<li class="list-group-item <?php if ($active=="Home") echo "active" ?>"><a href="#"> <?php echo $kat['Nama'] ?></a></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row">
|
||||
<?php
|
||||
$a = 0;
|
||||
foreach($barang as $brg)
|
||||
{
|
||||
$a=$a+1;
|
||||
?>
|
||||
<form action="<?php echo site_url('cart/tambah') ?>" method="post">
|
||||
<input type="hidden" name="id" value="<?php echo $brg['id']?>">
|
||||
<input type="hidden" name="nama" value="<?php echo $brg['nama']?>">
|
||||
<input type="hidden" name="harga" value="<?php echo $brg['harga']?>">
|
||||
<div class="col-sm-4 col-lg-4 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/320x150" alt="">
|
||||
<div class="caption">
|
||||
<h4 class="pull-right">Rp. <?php echo $brg['harga']?></h4>
|
||||
<h4><a href="#"><?php echo $brg['nama']?></a></h4>
|
||||
<p><?php echo $brg['deskripsi']?>.</p>
|
||||
</div>
|
||||
<div class="ratings">
|
||||
<p class="pull-right">
|
||||
<input type="hidden" name="qty" value="1">
|
||||
<button class="btn btn-xs btn-primary"><i class="glyphicon glyphicon-shopping-cart"></i> Add to Cart</button>
|
||||
</p>
|
||||
<p>
|
||||
<?php if(($brg['stok'])>0)echo "In Stock";
|
||||
else echo "out of stock";?><br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<?php }?>
|
||||
<?php echo $pagination ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
29
application/views/front/shopstep.php
Normal file
29
application/views/front/shopstep.php
Normal file
@ -0,0 +1,29 @@
|
||||
<div class="row bs-wizard">
|
||||
<div class="col-xs-3 bs-wizard-step complete">
|
||||
<div class="text-center bs-wizard-stepnum">Step 1</div>
|
||||
<div class="progress"><div class="progress-bar"></div></div>
|
||||
<a href="#" class="bs-wizard-dot"><img src="<?php echo base_url()."asset/images/man251.png" ?>" /></a>
|
||||
<div class="bs-wizard-info text-center"> Pilih Produk</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-3 bs-wizard-step active"><!-- complete -->
|
||||
<div class="text-center bs-wizard-stepnum">Step 2</div>
|
||||
<div class="progress"><div class="progress-bar"></div></div>
|
||||
<a href="#" class="bs-wizard-dot"><img src="<?php echo base_url()."asset/images/full22.png" ?>" /></a>
|
||||
<div class="bs-wizard-info text-center"> Periksa Keranjang Belanja Anda</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-3 bs-wizard-step disabled"><!-- complete -->
|
||||
<div class="text-center bs-wizard-stepnum">Step 3</div>
|
||||
<div class="progress"><div class="progress-bar"></div></div>
|
||||
<a href="#" class="bs-wizard-dot"><img src="<?php echo base_url()."asset/images/shopping145.png" ?>" /></a>
|
||||
<div class="bs-wizard-info text-center"> Checkout</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-3 bs-wizard-step disabled"><!-- active -->
|
||||
<div class="text-center bs-wizard-stepnum">Step 4</div>
|
||||
<div class="progress"><div class="progress-bar"></div></div>
|
||||
<a href="#" class="bs-wizard-dot"><img src="<?php echo base_url()."asset/images/happy50.png" ?>" /></a>
|
||||
<div class="bs-wizard-info text-center"> Selesai</div>
|
||||
</div>
|
||||
</div>
|
0
application/views/front/sidebarb.php
Normal file
0
application/views/front/sidebarb.php
Normal file
58
application/views/front/slideshow.php
Normal file
58
application/views/front/slideshow.php
Normal file
@ -0,0 +1,58 @@
|
||||
<div class="row row-slideshow">
|
||||
<div class="col-md-3" id="menu">
|
||||
<!--
|
||||
<ul class="mainmenu nav nav-stacked">
|
||||
<li>Home</li>
|
||||
<li>Produk</li>
|
||||
<li>Testimoni</li>
|
||||
<li>Cara Berbelanja</li>
|
||||
<li>Contact Us</li>
|
||||
<li>About Us</li>
|
||||
</ul>
|
||||
-->
|
||||
<ul class="list-group" id="menu-home">
|
||||
<li class="list-group-item <?php if ($active=="Home") echo "active" ?>"><a href="<?php echo site_url('welcome') ?>"><i class="glyphicon glyphicon-home"></i> Home</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Produk") echo "active" ?>"><a href="<?php echo site_url('product') ?>"><i class="glyphicon glyphicon-baby-formula"></i> Produk</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Testimoni") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-thumbs-up"></i> Testimoni</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Cara Berberlanja") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-info-sign"></i> Cara Berbelanja</a></li>
|
||||
<li class="list-group-item <?php if ($active=="Contact Us") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-earphone"></i> Contact Us</a></li>
|
||||
<li class="list-group-item <?php if ($active=="About Us") echo "active" ?>"><a href="#"><i class="glyphicon glyphicon-briefcase"></i> About Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-9" id="slideshow">
|
||||
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<img src="<?php echo base_url()."asset/images/slider1.jpg" ?>" alt="...">
|
||||
<div class="carousel-caption">
|
||||
<h3>Toko</h3>
|
||||
<p>Dzaky</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="<?php echo base_url()."asset/images/slider2.jpg" ?>" alt="...">
|
||||
<div class="carousel-caption">
|
||||
<h3>Toko</h3>
|
||||
<p>Dzaky</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Reference in New Issue
Block a user