Loja em DHTML
Atenção!
Os exemplos a seguir são apenas exemplo, você não deve ficar preso
apenas ao que estas lojas fazem, você pode montar, misturar
aprimorar a sua loja como achar mais conveniente.
Implementar o carrinho de compras próprio com PagSeguro é tão simples que você não precisa escrever nenhuma linha de código dinâmica do lado do servidor, como PHP, ASP, Python, Ruby On Rails, JAVA ou muitos outros que existem no mercado. É possivel montar uma loja funcional apenas com javascript com algumas linhas de código. Abaixo disponibilizamos dois exemplos de lojas que você pode montar usando apenas DHTML.
Carrinho de compras
Com este exemplo você consegue escrever uma listagem de produtos e adicioná-los, removê-los ou alterar a quantidade de produtos do carrinho de compras. O código é feito com ajuda da biblioteca jQuery e para configurar a loja é necessário apenas algumas alterações no script.
Download
Pegue a biblioteca e descompacte.
No arquivo produtos.js escreva a sequência dos seus produtos no seguinte formato:
'id': ['Nome do produto', 'preço']
No final seu arquivo produtos.js deve ficar parecido com isto:
produtos = {
'019384': ['Calça de Moletón Vermelha', '84,00'],
'313190': ['Bermuda Jeans Costa Azul', '79,90'],
'471931': ['Vestido 100% algodão Beverly\'s', '110,20']
}
Perceba que para colocar uma aspas no meio do título do produto você deve precedê-la por uma barra invertida.
O seu arquivo html deve possuir apenas duas divs com os respectivos ids: cart e lista, como no código abaixo:
<div id="cart"></div> <div id="lista"></div>
Loja completa com sessões
Para esta loja você precisará de uma destreza um pouco maior com JavaScript, mas nada que vá assustá-lo. Em compensação, você terá uma loja mais completa com produtos separados por categoria a suporte a imagens, além de poder configurar o tipo de frete e ter um controle maior sobre os elementos encontrados no seu HTML.
Existe um belo exemplo de script, no site do desenvolvedor, de como a loja pode ficar e toda a documentação necessária para configurar a loja como desejar.
Não se prenda a estes exemplos!
Estes dois exemplos são apenas demonstrção do que é possível fazer com PagSeguro e um pouco de JavaScript. Você pode montar sua lojas virtuais como achar melhor os mais variados aprimoramentos possíveis. Deixe sua imaginação fluir e construa seus próprios e-commerces como achar mais conveniente.


