Skip to content

Commit

Permalink
add to cart functionality added
Browse files Browse the repository at this point in the history
  • Loading branch information
@Anushkabh
Anushkabh committed May 22, 2023
1 parent a3f376b commit b235919
Show file tree
Hide file tree
Showing 14 changed files with 377 additions and 922 deletions.
78 changes: 7 additions & 71 deletions about(1).html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Freshcery | Groceries Organic Store</title>
<title>krishiconnect</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
Expand Down Expand Up @@ -42,79 +42,15 @@
<li class="nav-item">
<a href="transaction.html" class="nav-link">Transactions</a>
</li>
<li class="nav-item">
<a href="cart(1).html" class="nav-link">My Cart</a>
</li>
<!-- <li class="nav-item">
<a href="setting(1).html" class="nav-link">Settings</a>
</li> -->
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
</a>
<div class="dropdown-menu shopping-cart">
<ul>
<li>
<div class="drop-title">Your Cart</div>
</li>
<li>
<div class="shopping-cart-list">
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
</div>
</li>
<li>
<div class="drop-title d-flex justify-content-between">
<span>Total:</span>
<span class="text-primary"><strong>Rp. 2000.000</strong></span>
</div>
</li>
<li class="d-flex justify-content-between pl-3 pr-3 pt-3">
<a href="cart(1).html" class="btn btn-default">View Cart</a>
<a href="checkout(1).html" class="btn btn-primary">Checkout</a>
</li>
</ul>
</div>
</li>



</ul>
</div>

Expand Down
195 changes: 25 additions & 170 deletions cart(1).html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Freshcery | Groceries Organic Store</title>
<title>krishiconnect</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
Expand Down Expand Up @@ -42,78 +42,8 @@
<li class="nav-item">
<a href="transaction.html" class="nav-link">Transactions</a>
</li>
<!-- <li class="nav-item">
<a href="setting(1).html" class="nav-link">Settings</a>
</li> -->
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-shopping-basket"></i> <span class="badge badge-primary">5</span>
</a>
<div class="dropdown-menu shopping-cart">
<ul>
<li>
<div class="drop-title">Your Cart</div>
</li>
<li>
<div class="shopping-cart-list">
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
<div class="media">
<img class="d-flex mr-3" src="assets/img/logo/avatar.jpg" width="60">
<div class="media-body">
<h5><a href="javascript:void(0)">Carrot</a></h5>
<p class="price">
<span class="discount text-muted">Rp. 700.000</span>
<span>Rp. 100.000</span>
</p>
<p class="text-muted">Qty: 1</p>
</div>
</div>
</div>
</li>
<li>
<div class="drop-title d-flex justify-content-between">
<span>Total:</span>
<span class="text-primary"><strong>Rp. 2000.000</strong></span>
</div>
</li>
<li class="d-flex justify-content-between pl-3 pr-3 pt-3">
<a href="cart(1).html" class="btn btn-default">View Cart</a>
<a href="checkout(1).html" class="btn btn-primary">Checkout</a>
</li>
</ul>
</div>
<li class="nav-item">
<a href="cart(1).html" class="nav-link">My Cart</a>
</li>
</ul>
</div>
Expand All @@ -135,106 +65,30 @@ <h1 class="pt-5">
</div>
</div>

<section id="cart">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th width="10%">Image</th>
<th>Products</th>
<th>Price</th>
<th width="15%">Quantity</th>
<th>Subtotal</th>
<th>Remove</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="assets/img/fish.jpg" width="60">
</td>
<td>
Ikan Segar<br>
<small>1000g</small>
</td>
<td>
Rp 30.000
</td>
<td>
<input class="vertical-spin" type="text" data-bts-button-down-class="btn btn-primary" data-bts-button-up-class="btn btn-primary" value="" name="vertical-spin">
</td>
<td>
Rp 30.000
</td>
<td>
<a href="#" class="text-danger"><i class="fa fa-times"></i></a>
</td>
</tr>
<tr>
<td>
<img src="assets/img/meats.jpg" width="60">
</td>
<td>
Sirloin<br>
<small>1000g</small>
</td>
<td>
Rp 120.000
</td>
<td>
<input class="vertical-spin" type="text" data-bts-button-down-class="btn btn-primary" data-bts-button-up-class="btn btn-primary" value="" name="vertical-spin">
</td>
<td>
Rp 120.000
</td>
<td>
<a href="javasript:void" class="text-danger"><i class="fa fa-times"></i></a>
</td>
</tr>
<tr>
<td>
<img src="assets/img/vegetables.jpg" width="60">
</td>
<td>
Mix Vegetables<br>
<small>1000g</small>
</td>
<td>
Rp 30.000
</td>
<td>
<input class="vertical-spin" type="text" data-bts-button-down-class="btn btn-primary" data-bts-button-up-class="btn btn-primary" value="" name="vertical-spin">
</td>
<td>
Rp 30.000
</td>
<td>
<a href="javasript:void" class="text-danger"><i class="fa fa-times"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<h1>Cart Page</h1>
<div>
<label for="buyer-name">Name:</label>
<input type="text" id="buyer-name" required>
</div>

<div>
<label for="buyer-email">Email:</label>
<input type="email" id="buyer-email" required>
</div>

<div id="cart-items"></div>

<button onclick="emptyCart()">Empty Cart</button>

<div id="subtotal"></div>

<button onclick="checkout()">Checkout</button>

<div class="col">
<a href="shop(1).html" class="btn btn-default">Continue Shopping</a>
</div>
<div class="col text-right">
<div class="input-group w-50 float-right">
<input class="form-control" placeholder="Coupon Code" type="text">
<div class="input-group-append">
<button class="btn btn-default" type="button">Apply</button>
</div>
</div>
<div class="clearfix"></div>
<h6 class="mt-3">Total: Rp 180.000</h6>
<a href="checkout(1).html" class="btn btn-lg btn-primary">Checkout <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>


</section>
</div>
<footer>
Expand Down Expand Up @@ -302,5 +156,6 @@ <h5>Follow Us</h5>
<script type="text/javascript" src="assets/packages/thumbelina/thumbelina.js"></script>
<script type="text/javascript" src="assets/packages/bootstrap-touchspin/bootstrap-touchspin.js"></script>
<script type="text/javascript" src="assets/js/theme.js"></script>
<script src="cart.js"></script>
</body>
</html>
Loading

0 comments on commit b235919

Please sign in to comment.