Un panier avec SimpleCart

Dans de nombreux sites, surtout ceux et de cours d'e-commerce, mais aussi d'autres, vous pouvez acheter des produits directement en ligne.
Cet article va vous montrer comment vous pouvez faire un panier simple en utilisant la bibliothèque SimpleCart (JS) .
Cette bibliothèque est open-source et fait usage de Javascript et ne pas besoin d'exécuter n'importe quelle langue côté serveur, ni la base de données, pour stocker les éléments sélectionnés dans le panier repose uniquement sur ​​les cookies.

L'utilisation de la bibliothèque est très simple et avec très peu de paramètres et le balisage HTML correcte, vous pouvez obtenir un panier bien virtuel. La bibliothèque offre également un support natif pour deux des méthodes les plus importantes de paiement par carte de crédit tels que PayPal et Google Checkout . Parmi les différentes fonctionnalités, SimpleCart vous permet de personnaliser la monnaie (euro, dollar, etc), la TVA (taux de taxes) et l'expédition.

Configuration

Maintenant, voyons comment nous pouvons développer notre panier.
Premièrement, nous devons inclure le SimpleCart bibliothèque au sein de notre page web:

 



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

 

Ensuite, laissez-nous mis nos paramètres de configuration, tels que:

 <script type="text/javascript">







 simpleCart.checkoutTo = C / / méthode de paiement







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









 simpleCart.currency = EUR / / devise à utiliser







 simpleCart.taxRate = 0,20; / / impôts







 simpleCart.shippingFlatRate = 10,00; / / frais de port









 simpleCart.cartHeaders = ["Name", "Taille", "Prix", "décrémenter", "Quantité", "incrément", "supprimer", "Total"];







 </ Script>

Les paramètres vu ci-dessus vous permettent de personnaliser le chariot pour s'adapter à nos besoins spécifiques.

Le premier paramètre que nous avons inclus le mode de paiement: Paypal nous avons mis, bien qu'en réalité il n'était pas nécessaire parce qu'il est celui par défaut. En outre, vous pouvez également sélectionner PayPal Google Checkout, mais dans ce cas n'est pas prévu, mais plutôt l'inclusion de l'adresse email de votre identifiant de compte:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Toujours aller plus de l'exemple, nous avons mis à profit en tant que monnaie d'euros et la taxe de 20% (pour symboliser la TVA en vigueur dans notre pays).
Un autre ensemble de paramètres sont les frais d'expédition à cet égard SimpleCart peuvent différer entre les trois types de coûts d'expédition:

 simpleCart.shippingFlatRate = 10,00; / / montant de la commande entière







 simpleCart.shippingQuantityRate = 3,00; / / quantité de chaque produit







 simpleCart.shippingTotalRate = 0,05, pourcentage / / montant du coût total

Le dernier paramètre inclus dans notre échantillon de code, cependant, le cartHeaders, ou un tableau qui vous permet de personnaliser la liste du chariot (les produits sélectionnés par l'utilisateur, le coût total, etc.)
Dans notre exemple nous avons choisi d'afficher le nom, taille, prix, quantité, etc.

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