Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, não sei se coloquei o tópico no lugar certo... mais vamos lá.
Estou precisando criar um carrinho de compras em ajax, já fiz alguns carrinhos de compras, mais nunca que ao adicionar o produto ele me passe as informações do produto pro meu carrinho que fica na mesma pagina.
Pesquisei e pesquisei e não consegui achar nenhuma aula, ou tutorial sobre o assunto, o máximo que achei foi um post sobre carrinho de compras utilizando ajax mais e daqueles que puxam o produto para dentro do carrinho, eu gostaria que ao clicar no botão COMPRAR o produto seja adicionado ao carrinho que ficará ao lado dos produtos.
se alguém poder me ajudar serei super grato.
>
Creio que não procurou certo, veja (com a tríade php, mysql e jquery) :
Tutoriais em português -https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=carrinho+de+compra+php+mysql+jquery
Tutoriais em inglês - https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=shopping+cart+jquery+php+mysql
Se precisar de ajuda ou tiver dúvida com a implementação e só postar.
Opa, Tudo bem? então depois de todas as pesquisas que fiz eu resolvi tentar fazer o carrinho normalmente e aplicar o ajax posteriormente.
não estudei muito ajax, ainda estou estudando e sou muito fraco ainda, mais ja dei inicio ao carrinho e gostaria da opiniões de voces e ajuda para melhorar o meu codigo.
Index.php
<div id="carrinho-cardapio"></div>
carrinho.js
$(function(){
debuga = $('#carrinho-cardapio');
enviar = $('form[name="carrinho"]');
action = 'php/carrinho.php';
function resposta(datas){
debuga.empty().html(datas);
}
enviar.submit(function(){
var procurar = $('input[name="id"]').val();
$.post(action,{procurar: procurar},resposta);
return false;
});
});carrinho.php
<?php
session_start();
// Se não exister a sessai CARRINHO ele ira criar
if(!isset($_SESSION['carrinho'])){
$_SESSION['carrinho'] = array();
}
// Adciona Produto
if(isset($_POST['comprar'])){
// Adciona no carrinho
if($_POST['comprar'] == 'comprar'){
$id = intval($_POST['id']);
if(!isset($_SESSION['carrinho'][$id])){
$_SESSION['carrinho'][$id] = 1;
}else{
$_SESSION['carrinho'][$id] += 1;
}
}
}
mysql_connect("localhost", "root", "");
mysql_select_db("carrinho");
if(count($_SESSION['carrinho']) == 0){
echo '<tr><td colspan="5">Não há produto no carrinho</td></tr>';
}else{
$total = 0;
foreach($_SESSION['carrinho'] as $id => $qtd){
$sql = "SELECT * FROM produtos WHERE id = '$id'";
$qr = mysql_query($sql) or die(mysql_error());
$ln = mysql_fetch_assoc($qr);
$nome = $ln['nome'];
$preco = number_format($ln['preco'], 2, ',', '.');
$sub = number_format($ln['preco'] * $qtd, 2, ',', '.');
$total += $ln['preco'] * $qtd;
echo "
<h3 style=\"padding-bottom:10px;\">Itens (4)<span class=\"caixa-trash\" style=\"float:right;\"><i class=\"icon-trash\" style=\"color:#FFF;\"></i></span></h3>
<div id=\"item-carrinho\">
<span class=\"fechar-item\"><i class=\"icon-cancel\"></i></span>
<img src=\"images/pizzas/img1.jpg\" width=\"60\">
<input type=\"text\" name=\"\" value=\"1\">
<span style=\"padding-left:15px;\"><b>R$ 59</b></span>
</div>
";
}
}
?>Veja um exemplo bem simplista:
http://jsfiddle.net/angelorubin/e9dh66ns
Você pode até verificar a identificação do cliente (login), como a maioria dos sites de comprar fazem, depois da compra finalizada.
Creio que não procurou certo, veja (com a tríade php, mysql e jquery) :
Tutoriais em português -https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=carrinho+de+compra+php+mysql+jquery
Tutoriais em inglês - https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=shopping+cart+jquery+php+mysql
Se precisar de ajuda ou tiver dúvida com a implementação e só postar.