Easy Basket, Free AJAX Shopping Cart with Paypal & Google Checkout

Install Easy Basket

First grab a copy of Easybasket from the Download page, then extract the files and upload the easybasket directory to your server. Now visit your site and open http://www.yourdomain.com/easybasket/ in your web browser to view a working demonstration. From here you can also view and configure your settings, check your Paypal IPN logs and host information.

The image below is a screenshot of the demonstration page.

Set Password

Open "index.php" in a text editor and go to line:36 where it should read:
define('PASSWORD','foo'); // User login password.
Now you need to delete the word "foo" and enter your own personal password in between the single quotes.

Intergrate

To intergrare East Basket into your exsiting website add HTML snippets;

1, Copy the code below and paste it into your websites Head section.
2, Copy the code below and paste it into your websites Body Section where you would like the Shopping Basket to appear.

The skin=default.xsl is what determines the skin you want to use on your basket

3, Follow the guidelines below to set up your Add To Cart buttons.

Below is an example of the minimum code an add to cart button needs.

At this point the basic install is finished, feel free to visit the concepts page for more details and examples of more complex buttons

Below is the complete source code for a html page with Easy Basket intergrated.

<!DOCTYPE html>
<html>
  <head>
    <meta name="easybasket" content="dragdrop=yes;showhide=yes" /> 
    <title>Easy Basket Free AJAX Shopping Cart with Paypal & Google Checkout</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js">
	</script>
	<script type="text/javascript" src="easybasket/easybasket.js"></script>	
  </head>
  <body>
    <div class="easybasket" data-url="skin=demo.xsl"></div>
    <form class="easybasket" method="POST" action="?basket=add">
	  <input type="hidden" name="title" value='Handbag' />
	  <input type="hidden" name="description" value="Louis Vuitton Tribute Handbag" />
	  <input type="hidden" name="price" value="14.00" />
	  <input type="hidden" name="postage" value="1.00" />
	  <input type="text" name="quantity" value="1" size="1" />
	  <input type="submit" value="Add To Basket"/>
	</form>
  </body>
</html>

The above installation methods are for a basic installation using the skin provided, for more information regarding editing the skin or writing your own please view the concepts page which goes into much greater detail on how Easy Basket works from there you will learn how to edit the skin or make a complete new one or even just use easy basket as a component.