Weblogger

noreply@blogger.com (lahlah) — Sat, 24 May 2008 22:09:00 +0000

Não foi possível testar o script no Weblogger porque é simplesmente impossível completar uma operação sem erros lá.
Se alguém conseguir editar templates com sucesso lá, informe pelos comentários.

Blig

noreply@blogger.com (lahlah) — Sat, 24 May 2008 21:52:00 +0000

Exemplo funcionando no Blig:
http://cookiecart.blig.ig.com.br/

Uol Fotoblog

noreply@blogger.com (lahlah) — Sat, 24 May 2008 04:09:00 +0000

Exemplo funcionando no Uol Fotoblog:
http://cookiecart.nafoto.net/

Uol Blog

noreply@blogger.com (lahlah) — Sat, 24 May 2008 03:58:00 +0000

Exemplo funcionando no Uol Blog:
http://cookiecart.zip.net/

Total

noreply@blogger.com (lahlah) — Sat, 24 May 2008 02:53:00 +0000

Adicionado "total" dos itens no carrinho.
1. Encontre:

if (carrinho_array != "") {

2. Coloque logo após:

  var total = ""

3. Encontre:

   item[i] = itema;

4. Coloque logo após:

total = ((total * 100) + (item[i]["preco"] * 100)) /100

5. Encontre:

document.write("<br /><a href=\"index.htm\" onclick=\"javascript:limpaCarrinho('carrinho')\">
Limpa carrinho</a><br />");

6. Substitua por:

document.write("<br /><b>Total: R$" + total + "</b><br /><a href=\"index.htm\" 
onclick=\"javascript:limpaCarrinho('carrinho')\">Limpa carrinho</a><br />");

Discussão

noreply@blogger.com (lahlah) — Thu, 22 May 2008 19:03:00 +0000

Espaço para discussão de atualizações, contribuições, bugs, tc.
Comente!

Instalação

noreply@blogger.com (lahlah) — Thu, 22 May 2008 04:22:00 +0000

Log de Mudanças

1.2.1
- Suporte para checkbox e select-multiple. (Agradecimentos: Alex Hiroshi Fórum WMO)

1.2
- Correção do cálculo de total.
- Suporte para input radio.
- Botão para envio do pedido via e-mail.

1.1
- Cálculo de total

Bugs conhecidos

- Quando existem mais de um grupo de checkbox ou select-multiple, os valores não são atribuídos às variáveis corretas.
- Não retira o item correto do carro.

O script

O script que faz todas as operações é o que é o cookiecart.js do arquivo baixado. Copie-o e cole na seção <head></head> da página que você deseja utilizá-lo:


<script type="text/javascript">//<![CDATA[

.. SCRIPT AQUI ...

//]]>
</script>

Configurando

Procure o seguinte no topo do script e edite com os nomes dos campos do formulário que você pretende usar (na ordem em que eles aparecem no formulário):


/**************************************************************************
* Configuração
***************************************************************************/
var campos = new Array("","nome","preco"); // o primeiro campo deve ficar em branco.
var destinatario = "seu@email.com"; // e-mail para o qual devem ir os pedidos

Criando forms dos produtos

Para cada produto, utilize um formulário HTML como o seguinte:

<form name="item1">
<fieldset>
<legend>Nome do produto</legend>
<input type="hidden" value="Nome do produto" name="nome" class="hidden" />
<input type="hidden" value="10.00" name="preco" class="hidden" />
<br />
<input type="submit" class="bt" onclick="adicionaProd(this.form.name)" value="Comprar" />
</fieldset>
</form>

Você pode criar quantos campos quiser (Lembre-se de modificar as configurações do script sempre que adicionar um campo.)
Nenhum valor deve conter ','. Ex: No campo preço, digite 10.00 ao invés de 10,00.

Exibir o carrinho de compras

Para exibir o carrinho, cole o seguinte código aonde você quer que ele apareça:

<script type="text/javascript">//<![CDATA[
var carrinho_array = verCarrinho();
if (carrinho_array != 0) {
var total = ""
var cCont = ""
var email = ""

for (i=1; i < carrinho_array.length; i++){
var itemlink = carrinho_array[i].split(",")
var item = new Array(itemlink.length);
var itema = new Array();
for (x=0; x < itemlink.length; x++){
var key = campos[x];
itema[key] = itemlink[x].replace(/[**]+/g, ", ");
}
item[i] = itema;
var produto = item[i]
total = ((total * 100) + (produto["preco"] * 100)) /100

/***********************************************************************
/ Edite a forma que os itens serão exibidos
************************************************************************/
cCont += "<h2>" + produto["nome"] + "</h2>";
cCont += "Preço: R$" + moeda(produto["preco"]) + "<br />";
cCont += "<a href=\"index.htm\" onclick=\"javascript:retiraProd(itemlink)\">Retira</a><br />";

/***********************************************************************
/ Edite o que será incluído no e-mail enviado a você
************************************************************************/
email += produto["nome"] + "%0d------------------------%0dValor: R$"
+ moeda(produto["preco"]) + "%0dCobertura: " + "%0d%0d";

}
total = moeda(total);
email += "Total: " + total;

cCont += "<br /><b>Total: R$" + total + "</b><br /><a href=\"index.htm\"
onclick=\"javascript:limpaCarrinho('carrinho')\">Limpa carrinho</a><br />";
cCont += "<a href=\"javascript:emailCar(email)\">Envia pedido</a>";

} else {
cCont = "Carrinho vazio";
}

document.write(cCont);
//]]>
</script>

Variáveis:
produto["nome_campo"] - Exibe o valor do do campo postado.
Ex: produto["preco"] - Exibe o valor postado pelo campo "preco" do formulário.

A exibição dos dados no carrinho também pode ser modificada desde que você entenda um pouco de HTML.

Cookie Cart - Shopping Cart + Cookies + Javascript