Een winkelwagentje met SimpleCart

In vele websites, in het bijzonder die van natuurlijk en e-commerce, maar ook andere, kunt u koopt producten direct online.
Dit artikel zal u tonen hoe je een eenvoudige winkelwagentje gebruik van de bibliotheek te maken SimpleCart (js) .
Deze bibliotheek is open-source en maakt gebruik van Javascript slechts en heeft geen behoefte aan een server-side taal, noch haar database te draaien, zoals geselecteerd om de producten op te slaan in uw winkelwagen is gebaseerd op cookies alleen.

Het gebruik van de bibliotheek is zeer eenvoudig en heel weinig parameters en het gebruik van de juiste HTML-markup, kunt u een groot virtueel winkelwagentje. De bibliotheek biedt ook ingebouwde ondersteuning voor twee van de belangrijkste methoden van betaling per credit card als PayPal en Google Checkout . Onder de verschillende functies, SimpleCart kunt u aanpassen van de munt (euro, dollar, etc.), BTW (belastingen tarieven) en verzendkosten.

Configuratie

Laten we nu eens kijken hoe we kunnen ons winkelwagentje te ontwikkelen.
Eerst moeten we naar de bibliotheek SimpleCart binnen onze website zijn onder andere:

 



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

 

Laat ons dan stellen onze configuratie parameters, zoals:

 <script type="text/javascript">







 simpleCart.checkoutTo = C, / / ​​gekozen wijze van betaling







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









 simpleCart.currency = EUR / / valuta om te gebruiken







 simpleCart.taxRate = 0,20; / / belastingen







 simpleCart.shippingFlatRate = 10,00; / / verzendkosten









 simpleCart.cartHeaders = ["Naam", "Grootte", "Prijs", "verlagen", "Aantal", "toename", "verwijderen", "Totaal"];







 </ Script>

Gezien bovenstaande parameters kunt u de wagen aan te passen aan onze specifieke behoeften.

De eerste parameter die we opgenomen is de wijze van betaling: PayPal hebben wij, ook al is het in werkelijkheid niet nodig was omdat het de standaard. Daarnaast kunt u ook kiezen voor PayPal Google Checkout, maar in dit geval niet is aangegeven in de e-mail adres, maar de identifier van uw account:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Nog steeds gaan over het voorbeeld, hebben we opgenomen euro als betaalmiddel te gebruiken en 20% belasting (BTW van toepassing is op ons land symboliseren).
Een andere parameter set zijn de verzendkosten in dit verband SimpleCart kan verschillen tussen drie types van verzendkosten:

 simpleCart.shippingFlatRate = 10,00; / / bedrag voor de gehele bestelling







 simpleCart.shippingQuantityRate = 3,00; / / bedrag voor elk product







 simpleCart.shippingTotalRate = 0.05, / / ​​bedrag in procenten van de totale kosten

De laatste parameter opgenomen in onze steekproef code, echter de cartHeaders, of een array die laat je de lijst van de vrachtwagen (de geselecteerde producten door de gebruiker, de totale kosten, etc.).
In ons voorbeeld hebben we gekozen om de naam, grootte, prijs, hoeveelheid, etc. weer te geven.

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