Adicionando item

desenv1 · Fevereiro 16, 2021

Bom dia,

Estou desenvolvendo um sistema e gostaria de adicionar os itens ao carrinho e remover, quando eu clicar no “mais” como mostra a imagem, quero que ele me mostre que tem um item no carrinho onde está o ícone dele, e também gostaria de quando eu ir na pagina de venda os produtos que eu adicionei esteja lá.

Segue a imagem, da página aonde fica os produtos:

segue os códigos: Página da lista de produto:

<?php include 'conexao.php';?>

<!DOCTYPE html>

<head>

<title>Lista de produtos/estoque</title>

</head>

<body>

<?php include ('menu.php')?>

<h5 class="modal-title" id="InserirProduto">Inserir Produto em Estoque</h5>

</button>

</div>

<label for="produto"> Produto </label>

</div>

<label for="categoria"> Categoria </label>

<?php

$query = "SELECT * FROM categoria ORDER BY categoria asc";

$result = mysqli_query($conexao, $query);

if(count($result)){

while($res = mysqli_fetch_array($result)){

?>

<?php

}

?>

</select>

</div>

<button type="submit" class="btn btn-success mb-3" name="registrar">Registrar</button>

<button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>

</div>

</form>

</div>

<div class="card-header bg-secondary text-white"><b>Filtro</b></div>

</form>

</div>

<?php

if(isset($_GET['buttonPesquisar']) and $_GET['txtpesquisar'] != ''){

$produto = $_GET['txtpesquisar'] . '%';

$query = "select * from produto_estoque where idproduto LIKE '$produto' order by idproduto asc";

}

else{

$query = "select b.produto, a.quantidadeentrada, a.mostruario, a.corP, a.precovenda

from produto_estoque a INNER JOIN produto b ON a.idproduto = b.idproduto";

}

$result = mysqli_query($conexao, $query);

$row = mysqli_num_rows($result);

if($row == ''){

echo "<h3> Não existem dados cadastrados! </h3>";

}else{

?>

<thead>

<tr>

<th scope="col">Produto</th>

<th scope="col">Estoque</th>

<th scope="col">Mostruário</th>

<th scope="col">Valor</th>

</tr>

</thead>

<tbody>

<?php

while($res = mysqli_fetch_assoc($result)){

$produto = $res['produto'];

$qtdentrada = $res['quantidadeentrada'];

$mostruario = $res['mostruario'];

$precovenda = $res['precovenda'];

?>

<tr>

<td>

</td>

</tr>

<?php } ?>

</tbody>

</table>

<?php } ?>

</div>

function openNav() {

document.getElementById("mySidenav").style.width = "250px";

document.getElementById("main").style.marginLeft = "250px";

}

function closeNav() {

document.getElementById("mySidenav").style.width = "0";

document.getElementById("main").style.marginLeft= "0";

}

</script>

</body>

</html>

cod da página de venda

<?php include "conexao.php";?>

<!DOCTYPE html>

<head>

<title>Estoque</title>

</head>

<body>

<?php include ('menu.php')?>

<div class="card-header bg-secondary text-white"><b>INFORMAÇÃO</b></div>

<label for = "funcionario"> Nome do Funcionário</label>

</div>

<label for ="cliente"> Nome do Cliente </label>

<?php

$query = "SELECT * FROM cliente ORDER BY cliente asc";

$result = mysqli_query($conexao, $query);

if(count($result)){

while($res = mysqli_fetch_array($result)){

?>

<?php

}

?>

</select>

</div>

<!-- <div class="row">

<label for = "produto">Nome do Produto</label>

<?php

$query = "SELECT * FROM produto ORDER BY produto asc";

$result = mysqli_query($conexao, $query);

if(count($result)){

while($res = mysqli_fetch_array($result)){

?>

<?php

}

?>

</select>

</div>

<label for = "preço"> Preço</label>

</div>

<label for = "qtdvenda"> Quantidade </label>

</div>

</div>

</div> -->

<hr>

<thead>

<tr>

<th scope = "col">Produto</th>

<th scope = "col">Valor</th>

<th scope = "col">Quantidade</th>

</tr>

</thead>

</table>

</div>

<div class = "card-header bg-secondary text-white"><b>INFORMAÇÃO DA VENDA</b></div>

<label for = "precototal"><b> Valor Total </b></label>

</div>

<label for = "formapagamentoo"><b> PAGAMENTO </b></label>

<?php

$query = "SELECT * FROM forma_pagamento ORDER BY tipopagamento asc";

$result = mysqli_query($conexao, $query);

if(count($result)){

while($res = mysqli_fetch_array($result)){

?>

<?php

}

?>

</select>

</div>

<label for = "desconto"><b> Desconto </b></label>

</div>

<label for = "qtdparcela"><b> Quantidade de Parcela </b></label>

</div>

<label for = "datavencimento"><b>Data de Vencimento </b></label>

</div>

<button type = "submit" class = "btn btn-info ml-5 " id = "dardesconto" name = "desconto" > Dar Desconto</button>

</div>

<button type = "submit" class = "btn btn-success ml-5" name = "registrar" > Registrar</button>

</div>

</form>

var qtd = 0;

var valor = 0;

function cadVenda(produto, preço, qtdvenda,) {

qtd++;

$('#listaRegistro').append(''+

'<tr id="linha_' + qtd + '">' +

'<td>' +

produto +

'</td>' +

'<td>' +

preço +

'<td>' +

qtdvenda +

'</td>' +

'<td>' +

'<button onclick="removeRow('+qtd+')"class="btn btn-danger"><i class="fa fa-minus-square"></i></button>' +

'</td>' +

'<input type="hidden" name="vendas['+qtd+'][idproduto]" value="'+produto+'">' +

'<input type="hidden" name="vendas['+qtd+'][preço]" value="'+preço+'">' +

'<input type="hidden" name="vendas['+qtd+'][qtdvenda]" value="'+qtdvenda+'">' +

// '<input type="hidden" name="vendas['+qtd+'][pagamento]" value="'+formapagamento+'">' +

'</tr>'

)

//SOMANDO VALOR DA COMPRA

valor += preço * qtdvenda;

$("#txtprecototal").val(valor);

}

//REMOVENDO LINHA

function removeRow(id) {

let preço = $('#linha_' + id + ' td.preço').val();

let qtdvenda = $('#linha_' + id + ' td.qtdvenda').val();

console.log(preço);

console.log(qtdvenda);

$('#linha_' + id).remove();

}

//DANDO DESCONTO

$("#dardesconto").click(function(event) {

event.preventDefault();

let precototal = $('#txtprecototal').val();

let desconto = $('#txtdesconto').val();

let valorDesconto = precototal - (precototal * desconto / 100);

$("#txtprecototal").val(valorDesconto);

});

</script>

function openNav() {

document.getElementById("mySidenav").style.width = "250px";

document.getElementById("main").style.marginLeft = "250px";

}

function closeNav() {

document.getElementById("mySidenav").style.width = "0";

document.getElementById("main").style.marginLeft = "0";

}

</script>

</body>

</html>

jQuery(document).ready(function ($) {

$('.money').mask('000.000.000.000.000,00', {reverse: true});

});

</script>

Obs: Está imagem é minha página de venda, gostaria que os itens aparecesse logo abaixo aonde tem os campos produto, valor, qtd e ação.

Frank K Hosaka · Julho 14, 2022

Eu não sei como adicionar um produto selecionado numa cesta.

No meu projeto, eu fiz o contrário. Eu criei uma página chamada cesta.php, e de lá o balconista busca o produto pelo nome, coloca a quantidade, e depois a página é atualizada com o preço unitário e o subtotal do orçamento.

Mesmo assim, eu estudei o seu código. Como você não colocou o código do menu.php, eu eliminei esse item. Você também não colocou a lista da conexao.php, assim improvei uma conexão assim:

conexao=mysqli_connect("localhost","root","","venda");

Não sei como o seu código funcionou com o comando if ((count($result)). Eu tive que eliminar para fazer funcionar no meu teste.

Tive que criar uma tabela chamada categoria com os campos idcategoria e categoria, criei um registro com a categoria "básica", mas ele não aparece na tela do navegador. Acho que algum CSS deve estar ocultando esse elemento, mas eu não manjo de CSS.

Para o teste funcionar, tive que criar mais duas tabelas: produto e produto_estoque.

A tabela produto, tive que fazer assim:

id=1 produto=ALFEU
id=2 produto=ALFEU
id=3 produto=Zeus
id=4 produto=Zeus

A tabela produto_entrada, ficou assim:
id=1 quantidadeentrada=11 mostruario=sim corP="" precovenda=3
id=2 quantidadeentrada=5 mostruario=não corP="" precovenda=100
id=3 quantidadeentrada=9 mostruario=não corP="" precovenda=100
id=4 quantidadeentrada=5 mostruario-não copP="" precovenda-600

Para não confundir o cliente, aconselho a chamar o produto com id=1 de ALFEU de plástico, o id=2 de ALFEU de ouro, id=3 Zeus de plástico e i4 Zeus de Ouro.

Já a montagem da lista de produto, isso eu gostei. Não sabia que era possível abreviar o nome das tabelas, mesmo assim precisei acrescentar o idproduto de uma das tabelas que é usada mais adiante. E assim consegui chegar na sua tela de lista de produtos. Quando você aperta o "+", ele solicita a página carrinho.php só com o idproduto.

Esse id pode ser capturado pelo método $_GET['idproduto'], assim

<?php
$mysqli=new mysqli("localhost","root","","venda");
$idproduto=$_GET['idproduto'];
$query=$mysqli->query("insert into tbcesta (idproduto) values ($idproduto));
// para mostrar o conteúdo da cesta
$query=$mysqli->query("select * from tbcesta");
while ($row=$query->fetch_assoc()){
echo $row['idproduto'];}

Esse é um rascunho bem básico. Espero que lhe ajude.

Editado Julho 14, 2022 por Frank K Hosaka

Entrar

Adicionando item

Pergunta

desenv1

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades