Cómo hacer un carro de compras en JavaScript

Escrito por g.s. jackson | Traducido por analia moranchel
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo hacer un carro de compras en JavaScript
Muchos sitios web basados en el comercio incluyen opciones de compras en línea para dar a sus clientes la posibilidad de adquirir artículos. (Jupiterimages/Polka Dot/Getty Images)

Muchos sitios web basados en el comercio incluyen opciones de compras en línea para dar a sus clientes la posibilidad de adquirir artículos. Estos sistemas a menudo parecen extremadamente complejos e implican un montón de códigos y esfuerzos. Sin embargo, para una simple solución comercial, puedes descargar un script de carrito de compras simple y de código abierto para poner en tu sitio de Internet. Esto te permite implementar rápidamente un carrito de compras sin necesidad de escribir un código extenso.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Descarga simpleCart(js) de simplecartjs.com y copia el código al directorio de tu sitio.

  2. 2

    Incluye el script simpleCart en tu proyecto:

    <script type="text/javascript" src="simpleCart.js"></script>

  3. 3

    Coloca un artículo para la venta, con un enlace que lo añada a la cesta. Por ejemplo:

    <div class="simpleCart_shelf"> <h2 class="item_name">Excelente camisa</h2> <span class="item_price">$35.95</span> <input class="item_quantity" value="1" type="text"> <a href="javascript:;" class="item_add">Agregar</a> </div>

  4. 4

    Añade un enlace a la página de pago:

    <a href="javascript:;" class="simpleCart_checkout">Pagar</a>

  5. 5

    Haz una página con el carro completo del usuario. El método de pago por defecto se dirige a la cuenta de PayPal, pero puedes cambiar este valor predeterminado a, por ejemplo, Google Checkout, al modificar la variable "simpleCart.checkutTo":

    simpleCart.checkoutTo = GoogleCheckout; //cambiar el pago por defecto a Google <div class="simpleCart_items"></div>

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles