Un carro de compres amb SimpleCart

En molts llocs web, especialment els de curs i el comerç electrònic sinó també a altres, vostè pot comprar productes directament en línia.
Aquest article us mostrarà com es pot fer un carret de compres senzill ús de la biblioteca SimpleCart (js) .
Aquesta biblioteca és programari lliure i fa ús de Javascript sol i no és necessari per a executar qualsevol llenguatge de servidor ni la seva base de dades, com per emmagatzemar els productes a la cistella de compres es basa en només les galetes.

L'ús de la biblioteca és molt simple i molt pocs paràmetres, i utilitzant el dret de marques HTML, vostè pot aconseguir un carro de grans centres comercials virtuals. La biblioteca també ofereix suport natiu per a dos dels més importants mètodes de pagament amb targeta de crèdit, PayPal i Google Checkout . Entre les diverses característiques, SimpleCart li permet personalitzar la moneda (euro, dòlar, etc), IVA (taxes d'impostos) i despeses d'enviament.

Configuració

Ara veurem com podem desenvolupar el nostre cistella de la compra.
En primer lloc hem de incloure el SimpleCart biblioteca a la nostra pàgina web:

 



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

 

Llavors anem a fixar la nostra paràmetres de configuració, com ara:

 <script type="text/javascript">







 simpleCart.checkoutTo = C, / / ​​el mètode de pagament triat







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









 simpleCart.currency = EUR / / moneda a utilitzar







 simpleCart.taxRate = 0,20; / / impostos







 simpleCart.shippingFlatRate = 10,00; / / despeses d'enviament









 simpleCart.cartHeaders = ["Nom", "Mida", "Preu", "disminuir", "Quantitat", "increment", "eliminar", "Total"];







 </ Script>

Vist per sobre dels paràmetres li permeten personalitzar el carro per ajustar-se a les nostres necessitats específiques.

El primer paràmetre que s'inclou el mètode de pagament: PayPal ens hem marcat, encara que en realitat no era necessari, ja que és el valor predeterminat. A més, també podeu seleccionar PayPal Google Checkout, però en aquest cas no està indicat en la direcció de correu electrònic, sinó més aviat l'identificador del compte:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Tot i això va l'exemple, hem inclòs Euro com a moneda d'ús i 20% d'impostos (l'IVA aplicable a simbolitzar nostre país).
Un altre conjunt de paràmetres són les despeses d'enviament, en aquest sentit SimpleCart pot variar entre tres tipus de despeses d'enviament:

 simpleCart.shippingFlatRate = 10,00; / / quantitat de tot l'ordre







 simpleCart.shippingQuantityRate = 3,00; / / quantitat de cada producte







 simpleCart.shippingTotalRate = 0,05, / / ​​quantitat en percentatge del cost total

L'últim paràmetre inclòs en el nostre codi de mostra, però, el cartHeaders, o una matriu que permet personalitzar la llista dels camions (dels productes seleccionats per l'usuari, el cost total, etc.)
En el nostre exemple hem triat per mostrar el nom, mida, preu, quantitat, etc.

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