En kundvagn med SimpleCart

I många webbplatser, särskilt sådana och naturligtvis e-handel men även andra kan du köpa produkter direkt på nätet.
Denna artikel kommer att visa dig hur du kan göra en enkel kundvagn använda biblioteket SimpleCart (JS) .
Detta bibliotek är öppen källkod och använder sig av javascript bara och behöver inte köra någon server-side språk eller databas för att lagra de valda artiklar i kundvagnen vilar enbart på cookies.

Användningen av biblioteket är mycket enkel och med mycket få parametrar och korrekt HTML-kod kan du få en bra virtuell varukorg. Biblioteket erbjuder också inbyggt stöd för två av de viktigaste metoderna för betalning med kreditkort som PayPal och Google Checkout . Bland de olika funktionerna, låter SimpleCart du anpassa valuta (euro, dollar, etc.), mervärdesskatt (skatt priser) och sjöfart.

Konfiguration

Nu ska vi se hur vi kan utveckla vår kundvagn.
Först måste vi inkludera biblioteket SimpleCart inom vår webbsida:

 



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

 

Låt oss sätta våra konfigurationsparametrar, såsom:

 <script type="text/javascript">







 simpleCart.checkoutTo = C / / betalningsmetod







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









 simpleCart.currency = EUR / / valuta att använda







 simpleCart.taxRate = 0,20, / / ​​skatter







 simpleCart.shippingFlatRate = 10,00, / / ​​fraktkostnader









 simpleCart.cartHeaders = ["Namn", "Storlek", "Pris", "avtagande", "Mängd", "steg", "ta bort", "totalt"];







 </ Script>

Parametrarna visas ovan kan du anpassa vagnen för att passa våra behov.

Den första parametern som vi ingår är det betalningssätt: PayPal vi ställer, men i verkligheten var det inte nödvändigt eftersom det är standard. Dessutom kan du också välja PayPal Google Checkout, men i detta fall bedöms inte, utan snarare införandet av e-postadressen för ditt konto-ID:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Still going över exempel sätter vi att använda euro som valuta och 20% skatt (för att symbolisera det nuvarande mervärdesskattesystemet i vårt land).
En annan parameter som är fraktkostnaderna i detta avseende SimpleCart kan skilja mellan tre typer av fraktkostnader:

 simpleCart.shippingFlatRate = 10,00, / / ​​summa för hela ordern







 simpleCart.shippingQuantityRate = 3,00, / / ​​belopp för varje produkt







 simpleCart.shippingTotalRate = 0,05, / / ​​mängd Andel av den totala kostnaden

Den sista parametern som ingår i vårt urval kod, dock cartHeaders, eller en array som kan du anpassa listan över vagnen (de produkter som valts av användaren, den totala kostnaden, etc.).
I vårt exempel har vi valt att visa namn, storlek, pris, kvantitet, osv.

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