SummArg | Cursos y recursos para webmasters

14/06/2011

Carrito de compras en Ajax listo para utilizar en cualquier sitio

Easy basket es un carrito de compras Ajax integrable a cualquier tipo de website. Permite seleccionar entre varios modelos de un producto (ej. varios talles de indumentaria o diferentes colores de un accesorio), diferentes cantidades, arrastrar y soltar el producto al carrito, utilizar Google Checkout para pagar o Paypal, etc.

Su integración a un website es simple. En primer lugar descargamos los archivos y los colocamos en nuestro sitio. Entre etiquetas <head> colocamos:

<meta name="easybasket" content="dragdrop=yes;showhide=yes" />
<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>

Determinamos el skin a utilizar:

<div class="easybasket" data-url="skin=demo.xsl"></div>

E insertamos un producto:

<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>

El script viene en dos versiones: PHP y ASP, y cuenta con un plugin para WordPress

Descarga y documentación | Demo | Plugin WordPress

Dejar un comentario