Un coş de cumpărături cu SimpleCart

În multe site-uri, în special cele şi, desigur, e-commerce, dar, de asemenea, alte, puteţi cumpăra produse direct online.
Acest articol vă va arăta cum poţi face un coş de cumpărături simplu, folosind biblioteca SimpleCart (js) .
Această bibliotecă este open-source şi face uz de Javascript numai şi nu are nevoie pentru a rula orice limbă server-side, nici baza de date, pentru a stoca elementele selectate în coşul de cumpărături se bazează exclusiv pe cookie-uri.

Utilizarea bibliotecii este foarte simplă şi cu parametrii foarte puţine şi corect marcare HTML puteţi obţine un coş de bun cumpărături virtuale. Biblioteca oferă, de asemenea, suport nativ pentru două dintre cele mai importante metode de plata prin card de credit, cum ar fi PayPal si Google Checkout . Printre diferitele caracteristici, SimpleCart vă permite să particularizaţi valută (euro, dolar, etc), TVA (ratele de taxe) şi de transport maritim.

Configuraţie

Acum hai sa vedem cum putem dezvolta cosul de cumparaturi noastre.
În primul rând, noi trebuie să includă în cadrul bibliotecii SimpleCart pagina noastra web:

 



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

 

Apoi, permiteţi-ne seta parametrii de configurare noastre, cum ar fi:

 <script type="text/javascript">







 simpleCart.checkoutTo = C / / metodă de plată







 simpleCart.email = "tuaemail@tuosito.it" / / e-mail PayPal









 simpleCart.currency = EUR / / valută de a utiliza







 simpleCart.taxRate = 0,20; / / taxe







 simpleCart.shippingFlatRate = 10.00; / / transport costurile









 simpleCart.cartHeaders = ["Nume", "Size", "Pret", "decrement", "Cantitate", "creştere", "eliminarea", "Total"];







 </ Script>

Parametrii data vazut de mai sus vă permite să particularizaţi cos pentru a se potrivi nevoilor noastre specifice.

Primul parametru pe care am inclus este metoda de plată: PayPal am stabilit, deşi în realitate nu a fost necesar, deoarece este implicit. În plus, aveţi posibilitatea să selectaţi, de asemenea, PayPal Google Checkout, dar în acest caz nu este de aşteptat, ci mai degrabă includerea adresa de email a identificatorul contului dvs.:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Cu toate acestea trecând peste exemplu, am pus să utilizeze euro ca monedă şi impozit de 20% (pentru a simboliza actual de TVA în ţara noastră).
Un alt set de parametri sunt costurile de transport maritim în această privinţă SimpleCart poate sa difere între 3 tipuri de costuri de transport:

 simpleCart.shippingFlatRate = 10.00; / / valoarea pentru întreaga ordine







 simpleCart.shippingQuantityRate = 3.00; / / valoarea pentru fiecare produs







 simpleCart.shippingTotalRate = 0,05, Procentul / / suma din costul total

Ultimul parametru incluse în codul eşantionul nostru, cu toate acestea, cartHeaders, sau o matrice care vă permite să personalizaţi lista a căruciorului (produsele selectate de către utilizator, costul total, etc).
În exemplul nostru am ales pentru a afişa numele, dimensiunea, pret, cantitate, etc.

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