simple_cart

This is jquery plugin for a simple cart functionality. The simple shopping cart will be able to

• Add items to cart
• Remove Items from cart (to remove any items make the count to '0').
• Display count of each item
• Display each item total cost & Total cart cost
• Save the cart to local storge.

How to Use

Include boostarp css/js & Jquery links.

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="../lib/js/jquery-3.3.1.min.js" ></script>

Include simple Cart css/js

<script src="../lib/js/jQuery.SimpleCart.js" ></script>
<link href="../lib/css/simple_cart.css" rel="stylesheet">

Include HTML there are tow parts 'Products' & 'Cart'

Products HTML

Check the Example HTML for the sample code. Or you can just add class 'sc-add-to-cart' to the products add button.

Cart HTML

<div class="col-md-3">
        <div id="cart"></div>
</div>

Invoke Simple Cart Plugin

<script type="text/javascript">
    $(document).ready(function(){
        $('#cart').simpleCart();
    });
</script>

Example