on the cart page, Quantity, delete button, update cart, Subtotal, Shipping, Total, is not working at all, how i can make them work? This is all i have for cart page: Also here is the link where you can see it http://194.110.247.137/cart.html. Thank you!
<!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">
<meta name="description" content="Responsive Bootstrap4 Shop Template, Created by Imran Hossain from https://imransdesign.com/">
<!-- title -->
<title>Cart</title>
<!-- favicon -->
<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png">
<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Open Sans:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="assets/css/all.min.css">
<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- owl carousel -->
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<!-- magnific popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- mean menu css -->
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<!-- main style -->
<link rel="stylesheet" href="assets/css/main.css">
<!-- responsive -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!--PreLoader-->
<div >
<div >
<div ></div>
</div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<div id="sticker">
<div >
<div >
<div >
<div >
<!-- logo -->
<div >
<a href="index.html">
<img src="assets/img/logo.png" alt="">
</a>
</div>
<!-- logo -->
<!-- menu start -->
<nav >
<ul>
<li ><a href="#">Home</a>
<ul >
<li><a href="index.html">Static Home</a></li>
<li><a href="index_2.html">Slider Home</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="#">Pages</a>
<ul >
<li><a href="404.html">404 page</a></li>
<li><a href="about.html">About</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Check Out</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="news.html">News</a></li>
<li><a href="shop.html">Shop</a></li>
</ul>
</li>
<li><a href="news.html">News</a>
<ul >
<li><a href="news.html">News</a></li>
<li><a href="single-news.html">Single News</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li><a href="shop.html">Shop</a>
<ul >
<li><a href="shop.html">Shop</a></li>
<li><a href="checkout.html">Check Out</a></li>
<li><a href="single-product.html">Single Product</a></li>
<li><a href="cart.html">Cart</a></li>
</ul>
</li>
<li>
<div >
<a href="cart.html"><i ></i></a>
<a href="#"><i ></i></a>
</div>
</li>
</ul>
</nav>
<a href="#"><i ></i></a>
<div ></div>
<!-- menu end -->
</div>
</div>
</div>
</div>
</div>
<!-- end header -->
<!-- search area -->
<div >
<div >
<div >
<div >
<span ><i ></i></span>
<div >
<div >
<h3>Search For:</h3>
<input type="text" placeholder="Keywords">
<button type="submit">Search <i ></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end search arewa -->
<!-- breadcrumb-section -->
<div >
<div >
<div >
<div >
<div >
<p>Fresh and Organic</p>
<h1>Cart</h1>
</div>
</div>
</div>
</div>
</div>
<!-- end breadcrumb section -->
<!-- cart -->
<div >
<div >
<div >
<div >
<div >
<table >
<thead >
<tr >
<th ></th>
<th >Product Image</th>
<th >Name</th>
<th >Price</th>
<th >Quantity</th>
<th >Total</th>
</tr>
</thead>
<tbody>
<tr >
<td ><a href="#"><i ></i></a></td>
<td ><img src="assets/img/products/product-img-1.jpg" alt=""></td>
<td >Strawberry</td>
<td >$85</td>
<td ><input type="number" placeholder="0"></td>
<td >1</td>
</tr>
<tr >
<td ><a href="#"><i ></i></a></td>
<td ><img src="assets/img/products/product-img-2.jpg" alt=""></td>
<td >Berry</td>
<td >$70</td>
<td ><input type="number" placeholder="0"></td>
<td >1</td>
</tr>
<tr >
<td ><a href="#"><i ></i></a></td>
<td ><img src="assets/img/products/product-img-3.jpg" alt=""></td>
<td >Lemon</td>
<td >$35</td>
<td ><input type="number" placeholder="0"></td>
<td >1</td>
</tr>
</tbody>
</table>
</div>
</div>
<div >
<div >
<table >
<thead >
<tr >
<th>Total</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr >
<td><strong>Subtotal: </strong></td>
<td>$500</td>
</tr>
<tr >
<td><strong>Shipping: </strong></td>
<td>$45</td>
</tr>
<tr >
<td><strong>Total: </strong></td>
<td>$545</td>
</tr>
</tbody>
</table>
<div >
<a href="cart.html" >Update Cart</a>
<a href="checkout.html" >Check Out</a>
</div>
</div>
<div >
<h3>Apply Coupon</h3>
<div >
<form action="index.html">
<p><input type="text" placeholder="Coupon"></p>
<p><input type="submit" value="Apply"></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end cart -->
<!-- logo carousel -->
<div >
<div >
<div >
<div >
<div >
<div >
<img src="assets/img/company-logos/1.png" alt="">
</div>
<div >
<img src="assets/img/company-logos/2.png" alt="">
</div>
<div >
<img src="assets/img/company-logos/3.png" alt="">
</div>
<div >
<img src="assets/img/company-logos/4.png" alt="">
</div>
<div >
<img src="assets/img/company-logos/5.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end logo carousel -->
<!-- footer -->
<div >
<div >
<div >
<div >
<div >
<h2 >About us</h2>
<p>Ut enim ad minim veniam perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
</div>
</div>
<div >
<div >
<h2 >Get in Touch</h2>
<ul>
<li>34/8, East Hukupara, Gifirtok, Sadan.</li>
<li>[email protected]</li>
<li> 00 111 222 3333</li>
</ul>
</div>
</div>
<div >
<div >
<h2 >Pages</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Shop</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div >
<div >
<h2 >Subscribe</h2>
<p>Subscribe to our mailing list to get the latest updates.</p>
<form action="index.html">
<input type="email" placeholder="Email">
<button type="submit"><i ></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end footer -->
<!-- copyright -->
<div >
<div >
<div >
<div >
<p>Copyrights © 2019 - <a href="https://imransdesign.com/">Imran Hossain</a>, All Rights Reserved.<br>
Distributed By - <a href="https://themewagon.com/">Themewagon</a>
</p>
</div>
<div >
<div >
<ul>
<li><a href="#" target="_blank"><i ></i></a></li>
<li><a href="#" target="_blank"><i ></i></a></li>
<li><a href="#" target="_blank"><i ></i></a></li>
<li><a href="#" target="_blank"><i ></i></a></li>
<li><a href="#" target="_blank"><i ></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- end copyright -->
<!-- jquery -->
<script src="assets/js/jquery-1.11.3.min.js"></script>
<!-- bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- count down -->
<script src="assets/js/jquery.countdown.js"></script>
<!-- isotope -->
<script src="assets/js/jquery.isotope-3.0.6.min.js"></script>
<!-- waypoints -->
<script src="assets/js/waypoints.js"></script>
<!-- owl carousel -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- magnific popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- mean menu -->
<script src="assets/js/jquery.meanmenu.min.js"></script>
<!-- sticker js -->
<script src="assets/js/sticker.js"></script>
<!-- main js -->
<script src="assets/js/main.js"></script>
</body>
</html>
I dont know what to try because i'm not that good on editing those type of templates.
CodePudding user response：
I guess the template just has some hardcoded items in html but no functionality. The cart page should have a js file that handles all those functionalities that you mentioned.
CodePudding user response：
Yea, i think the same, but i dont know wich one, is there a way to test them out somehow?