Um carrinho de compras com SimpleCart

Em muitos sites, especialmente aqueles e, claro, e-commerce, mas também outros, você pode comprar produtos diretamente online.
Este artigo irá mostrar como você pode fazer um carrinho de compras simples usando a biblioteca SimpleCart (js) .
Esta biblioteca é open-source e faz uso de Javascript só e não precisa para executar qualquer linguagem server-side, nem o banco de dados, para armazenar os itens selecionados no carrinho recai exclusivamente sobre cookies.

O uso da biblioteca é muito simples e com parâmetros muito poucos ea marcação HTML correto você pode obter um bom carrinho de compras virtual. A biblioteca também oferece suporte nativo para dois dos mais importantes métodos de pagamento por cartão de crédito, tais como PayPal e Google Checkout . Entre os vários recursos, SimpleCart permite que você personalize a moeda (euro, dólar, etc), o IVA (taxa de impostos) e de navegação.

Configuração

Agora vamos ver como podemos desenvolver o nosso carrinho de compras.
Primeiro, devemos incluir a biblioteca SimpleCart dentro de nossa página web:

 



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

 

Então vamos definir os parâmetros de nossa configuração, tais como:

 <script type="text/javascript">







 simpleCart.checkoutTo method = pagamento C / /







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









 simpleCart.currency moeda = EUR / / para uso







 simpleCart.taxRate = 0,20; / / impostos







 simpleCart.shippingFlatRate = 10,00 / / custos de transporte









 simpleCart.cartHeaders = ["Nome", "Tamanho", "Preço", "diminuir", "Quantidade", "incremento", "remove", "Total"];







 </ Script>

Os parâmetros visto acima permitem que você personalize o carro para atender as nossas necessidades específicas.

O primeiro parâmetro que incluímos é o método de pagamento: PayPal vamos definir, embora na realidade não era necessário, porque é o padrão. Além disso, você também pode selecionar PayPal Google Checkout, mas neste caso não é esperado, mas sim a inclusão do endereço de email do seu identificador de conta:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Indo ainda mais o exemplo, nós colocamos a utilizar o euro como moeda e imposto de 20% (para simbolizar o IVA em vigor no nosso país).
Outro conjunto de parâmetros são os custos de envio a este respeito SimpleCart podem diferir entre os 3 tipos de custos de transporte:

 simpleCart.shippingFlatRate = 10,00; / valor / para toda a ordem







 simpleCart.shippingQuantityRate = 3,00; / valor / para cada produto







 simpleCart.shippingTotalRate = 0,05 Porcentagem / quantidade / custo total da

O último parâmetro incluído no nosso código de exemplo, no entanto, o cartHeaders, ou uma matriz que permite que você personalize a lista de trolley (os produtos selecionados pelo usuário, o custo total, etc.)
No nosso exemplo nós escolhemos para mostrar o nome, tamanho, preço, quantidade, etc.

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