Criar uma loja virtual, sem bases de dados com simplecart (js)

sistemas comerciais são muitas vezes lentos sistemas, volumosos que podem ser bastante exigente. As exceções são do blog (ou seja, WordPress) plug-ins, mas mesmo estes requerem software avançado controle sobre seu servidor web e banco de dados instala.

Em suma, um monte de trabalho, arquivos e muito difícil de usar, com livre webspace (limitado).

Hoje, vamos discutir uma alternativa. É grátis, super leve, e só precisa de uma abordagem um pouco diferente. Quer dizer, não há nenhuma interface gráfica do usuário para adicionar itens da loja com este web site carrinho de compras. Em vez disso, você precisa inserir tags simples em seu código HTML. Não se preocupe, nós vamos dizer-lhe como.

simpleCart (JS)

A interface do usuário final é liso, simples e direta. Os produtos são alinhadas neste web site carrinho de compras em uma grade, com relativamente grandes ícones, explicação do produto e preço. O webmaster pode, opcionalmente, adicionar diferentes opções para um produto, ou seja, pequenas, médias e grandes T-shirts. Por causa do build-up, simpleCart é melhor usado para a exibição de um arranjo menor e relativamente estática do produto, perfeitamente adequado para os vendedores amadores.

Video: javascript Shopping Cart Tutorial

O carrinho é geralmente mostrado na parte inferior da página, mas você pode muito bem colocá-lo onde quiser. Aqui, o comprador pode rever os produtos já selecionados, mudar a quantidade, ou esvaziar o cartão.

Quando estiver satisfeito, pressionando o botão Caixa vai levar o comprador a Paypal ou Google Checkout, iniciando uma transferência de dinheiro para a sua conta. Você receberá uma notificação quando você recebe o dinheiro, onde depois você pode enviar os produtos. Tão simples como isso.

Configurando SimpleCart em seu site

Primeiro, verifique se você tem um site básico capaz de executar javascript (que mais pode) e alguns pouco espaço web para o resto dos arquivos. Você pode baixar simpleCart (js) a partir do site. É doação ware, assim você pode escolher para si mesmo se você gosta dela e quanto você acha que vale a pena.

Descompacte o arquivo e fazer o upload simpleCart.js para seu diretório local. O set-up é completado pela inserção de algum pequeno código em arquivos HTML do seu site. Onde quer que estão inseridos esses trechos de código, que é onde os componentes simpleCart específicos vai aparecer.

Adicione isto a cada página, entre o

e

Tag, onde quer que você use simpleCart.

Adicione o acima para fazer simpleCart check-out utilizando Paypal. Você também precisa especificar o seu endereço de e-mail Paypal. Alterar os elementos em verde, e colar todo o trecho entre a

e

Video: Simple Cart - Showing and Hiding the Shopping Cart

Tag, onde quer que você use o checkout.

Se você em vez disso quer usar Google Checkout, cole o trecho acima entre o

e

Video: simpleCart Demo and Tutorial Part 1

Tag, onde quer que você use o checkout. Em vez de seu endereço de e-mail, trocar o elemento verde com o Google Checkout Merchant ID.

 Nome do Produto 
 Pequeno  Médio  ampla 

$ 35,99

 Adicionar ao carrinho 

O trecho de código acima é usado para adicionar um item à sua prateleira. Alterar o nome do item e preço, show em verde. A classe de seleção, mostrado em azul, é totalmente opcional. Se não houver subclasses em seu produto, você pode deixá-lo fora. Colá-lo entre o

e

Tag, onde quer que você quer mostrá-lo na sua página.

Video: simpleCart cart layout

Cole este entre o

e

tags, onde você deseja exibir todo o carrinho de compras web site.

Você tem itens no seu total de Cart.Cart: 

CheckoutEmpty

Os elementos acima irá respectivamente exibir a quantidade de itens no seu carrinho, o carrinho totais, um link de saída e um carrinho de ligação vazio. Cada elemento pode existir independentemente.

Dê uma olhada na documentação para as configurações mais avançadas, incluindo opções de moeda, taxas de imposto, o transporte, e mudando o carrinho formatação.

O que você acha sobre simpleCart (JS)? Alguma vez você já vendeu alguma coisa on-line em seu próprio site, e como foi? Deixe-nos saber nos comentários!