CSS JS Cart

Add a Cart to the page and set the products to be shopped through paypal. Everything is JS, no login required to add products.

Cart list

items -
	                <div>
	<a href="#cart-list" id="cart-link" data-fc-modules="cart" data-fc-email="tonpinel@gmail.com" data-fc-tax-rate=".11">
		<i class="icon-shopping-cart"></i> <span class="cart-quantity"></span> items - <span class="cart-grand-total"></span>
	</a>
	<div id="cart-list" class="hidden">
		<!-- button to empty the cart -->

		<!-- show the cart -->
		<div class="cart-items">
		</div>
		<div class="item-row">
			<div class="item-name">Taxes</div>
			<div class="item-total cart-tax"></div>
		</div>
		<div class="item-row">
			<div class="item-name">shipment cost</div>
			<div class="item-total cart-shipping"></div>
		</div>
		<div class="item-row">
			<div class="item-name">TOTAL</div>
			<div class="item-total cart-grand-total"></div>
		</div>
		<div class="actions">
			<a href="javascript:;" class="button-ko ph-m simpleCart_empty"><i class="icon-trash-o"></i> Empty </a>
			<!--<a href="javascript:;" class="button ph-m simpleCart_empty"><i class="icon-eye"></i> View </a>-->
			<a href="javascript:;" class="button-ok simpleCart_checkout">Checkout <i class="icon-arrow-circle-right"></i> </a>
		</div>
	</div>
</div>
                

Items

Awesome T-shirt

$35.99
Add to Cart

	                <div class="cart-shelf-item">
	<h2 class="cart-item-name"> Awesome T-shirt </h2>
	<p>
		<input type="text" value="1" class="cart-item-quantity">
		<span class="cart-item-price">$35.99</span><br>
		<a class="cart-item-add" href="javascript:;"> Add to Cart </a>
	</p>
</div>

                

Attributes

data-fc-email

Paypal Email address to checkout

data-fc-currency

Currency used in your cart. (EUR or USD)

DEFAULT: EUR

data-fc-shipping-free-since

Free shipment if the client expend at least this value

DEFAULT: 10000

data-fc-shipping-cost

Standard Shiping cost based on currency

DEFAULT: 15

data-fc-tax-rate

Standard tax rate

DEFAULT: 0.21