Un carro de compras con SimpleCart

En muchos sitios, sobre todo y por supuesto, comercio electrónico, pero también otros, se pueden comprar productos directamente en línea.
Este artículo le mostrará cómo se puede hacer un carrito de compras sencillo uso de la biblioteca SimpleCart (js) .
Esta biblioteca es software libre y hace uso de Javascript solo y no es necesario para ejecutar cualquier lenguaje de servidor ni la base de datos, para almacenar los elementos seleccionados en el carro se basa únicamente en las cookies.

El uso de la biblioteca es muy simple y con muy pocos parámetros y el correcto código HTML que pueden obtener un buen carro de compras virtual. La biblioteca también ofrece soporte nativo para dos de los más importantes métodos de pago con tarjeta de crédito como PayPal y Google Checkout . Entre las diversas características, SimpleCart le permite personalizar la moneda (euro, dólar, etc), IVA (las tasas de los impuestos) y el transporte marítimo.

Configuración

Ahora vamos a ver cómo podemos desarrollar nuestro carrito de compras.
En primer lugar, debe incluir el SimpleCart biblioteca dentro de nuestra página web:

 



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

 

Entonces vamos a fijar nuestra parámetros de configuración, tales como:

 <script type="text/javascript">







 simpleCart.checkoutTo = C / / método de pago







 simpleCart.email = "tuaemail@tuosito.it" / / PayPal email









 simpleCart.currency = EUR / / La moneda de uso







 simpleCart.taxRate = 0,20; / / impuestos







 simpleCart.shippingFlatRate = 10,00; / / gastos de envío









 simpleCart.cartHeaders = ["Nombre", "Tamaño", "Precio", "decremento", "Cantidad", "incremento", "eliminar", "Total"];







 </ Script>

Los parámetros visto anteriormente le permiten personalizar el carro para adaptarse a nuestras necesidades.

El primer parámetro que se incluye la forma de pago: PayPal nos propusimos, aunque en realidad no era necesario, ya que es el valor predeterminado. Además, también puede seleccionar PayPal Google Checkout, pero en este caso no se espera sino que la inclusión de la dirección de correo electrónico de su identificador de la cuenta:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Todavía va más el ejemplo, ponemos a utilizar el euro como moneda y el 20% de impuestos (para simbolizar el IVA vigente en nuestro país).
Otro conjunto de parámetros son los gastos de envío en este sentido SimpleCart pueden variar entre los 3 tipos de gastos de envío:

 simpleCart.shippingFlatRate = 10,00; / / cantidad de todo el orden







 simpleCart.shippingQuantityRate = 3,00; / / cantidad de cada producto







 simpleCart.shippingTotalRate = 0,05, porcentaje / / cantidad del costo total

El último parámetro incluido en nuestro código de muestra, sin embargo, el cartHeaders, o una matriz que le permite personalizar la lista del carro (los productos seleccionados por el usuario, el costo total, etc.)
En nuestro ejemplo hemos elegido para mostrar el nombre, tamaño, precio, cantidad, etc.

• <<
• 1
• 2
• 3
• 4
• >>