En indkøbsvogn med SimpleCart

I mange hjemmesider, især dem selvfølgelig og e-handel, men også andre, kan du købe produkter direkte online.
Denne artikel vil vise dig, hvordan du kan lave en simpel indkøbskurv ved hjælp af biblioteket SimpleCart (JS) .
Dette bibliotek er open source og gør brug af Javascript alene og behøver ikke at køre en server-side sprog eller dets database, som valgte at gemme varer i din indkøbskurv er afhængig af kun cookies.

Brugen af biblioteket er meget enkel og meget få parametre, og bruger den rigtige HTML-kode, kan du få en stor virtuelle indkøbskurv. Biblioteket tilbyder også indbygget understøttelse af to af de vigtigste metoder for betaling med kreditkort som PayPal og Google Checkout . Blandt de forskellige funktioner, giver SimpleCart dig mulighed for at tilpasse valuta (euro, dollar, osv.), moms (skatter satser) og forsendelsesomkostninger.

Konfiguration

Lad os nu se, hvordan vi kan udvikle vores indkøbsvogn.
Først skal vi nødt til at inkludere biblioteket SimpleCart inden for vores hjemmeside:

 



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

 

Så lad os sætte vores konfigurations parametre, såsom:

 <script type="text/javascript">







 simpleCart.checkoutTo = C, / / ​​betalingsmåde valgt







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









 simpleCart.currency = EUR / / valuta til at bruge







 simpleCart.taxRate = 0,20; / / afgifter







 simpleCart.shippingFlatRate = 10,00; / / forsendelsesomkostninger









 simpleCart.cartHeaders = ["Navn", "Størrelse", "Pris", "decrement", "Mængde", "stigning", "Fjern", "Total"];







 </ Script>

Set ovenstående parametre giver dig mulighed for at tilpasse vognen til at passe vores specifikke behov.

Den første parameter, vi indgår, er den betalingsmetode: PayPal vi har sat, selv om der i virkeligheden var det ikke nødvendigt, fordi det er standard. Derudover kan du også vælge PayPal Google Checkout, men i dette tilfælde ikke er angivet i e-mail adresse, men snarere en identifikation af din konto:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Still going over eksempel, har vi inkluderet euroen som valuta til brug og 20% ​​(moms, der gælder for symbolisere vores land).
En anden parameter, der er fragtomkostningerne, i denne henseende SimpleCart kan variere mellem 3 typer forsendelsesomkostninger:

 simpleCart.shippingFlatRate = 10,00; / / beløb for hele ordren







 simpleCart.shippingQuantityRate = 3,00; / / beløb for hvert produkt







 simpleCart.shippingTotalRate = 0,05, / / ​​mængde i procent af samlede omkostninger

Den sidste parameter indgår i vores kodeeksempler, dog cartHeaders, eller et array, der giver dig mulighed for at tilpasse listen over lastbilen (de produkter, som brugeren har valgt, de samlede omkostninger, etc.).
I vores eksempel har vi valgt at vise navn, størrelse, pris, mængde mv.

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