Script en Ajax para añadir la opción de un carrito de compras a un sitio o aplicación web.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Todos los sistemas y CMS que permiten instalar y montar una tienda online o una web de comercio electrónico, cuentan con el famoso carrito de compras ya incorporado, es decir esa sección donde se visualizan la lista de productos que el cliente quiere comprar.

Pero muchos webmasters que deben programar ellos mismos los sistemas, este trabajo lo deben hacer ellos mismos, programando dicha función mediante algún lenguaje de programación.

Este script en Ajax, puede ser muy útil para estos casos, ya que es muy sencillo y fácil de instalar. El ejemplo muestra como instalar e implementar la opción para que el usuario del sitio pueda ir añadiendo productos de un catálogo a un carrito de compras. El carrito va mostrando la lista de productos, el precio de cada uno de ellos, y el total del pedido.

Opcionalmente, junto a cada producto, hay un botón para eliminar cada cada producto del carrito de compras.

El script es completamente gratis y de libre uso ( Es software libre con licencia LGPL). A continuación puedes ver más información y detalles de como instalarlo.

Mas información sobre el programa.

Indice - Contenido.

Funcionamiento del carrito de compras Ajax.

Este es un módulo DHTML para añadir la funcionalidad de un carrito de compras a un sitio o aplicación web.

Los productos al añadirlos al carrito, volarán a la cesta cuando se haga clic en el botón "Añadir". En el módulo, se utiliza Ajax para poder actualizar dinámicamente el contenido del carrito.

A continuación puedes ver una captura de pantalla del funcionamiento del script. Al hacer clic en el botón Add de cualquier producto de la lista, se añadirá al pedido.

A su vez, en el carrito de compras, se irá mostrando el detalle del pedido o la compra del cliente:

  • La cantidad de items o productos añadidos.
  • La descripción del mismo.
  • El valor de cada producto.
  • El valor o importe total.

Vista previa:

Archivos contenidos en el ejemplo.

El archivo ZIP que contiene los siguientes archivos:

  • fly-to-basket.html = Es el archivo HTML principal del ejemplo con la demostración.
  • js/fly-to-basket.js = Contiene el código Javascript.
  • js/ajax.js = Librería Ajax ( Del sitio web http://twilightuniverse.com/projects/sack)
  • addProduct.php = Archivo PHP del lado del servidor que recibe el ID de producto y luego lo añade a la cesta o carrito de compras.
  • images/* = Carpeta de imágenes.

Para mas información de como instalar y configurar el script, lo puedes hacer en la web del autor en este enlace.

Allí se explica como:

  • El funcionamiento del archivo AddProduct.php que permite añadir los productos e items en el carrito de compras.
  • El funcionamiento y configuración del archivo removeProducts.php para eliminar items del carrito.
  • Ver otras variables javascript y funciones.

 


Requerimientos de instalación y uso.

Ver requerimientos en la web del autor.


Videos tutoriales.

No hay videos sobre este script.

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
http://www.dhtmlgoodies.com
Licencia:
Gratis - Software libre
Versión:
1.1
Idioma:
Inglés y Español
Programa actualizado:


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: