Jump to content
joaov369

Alterar quantidade no carrinho de compras

Recommended Posts

Então, eu consigo alterar a quantidade do meu produto no carrinho atravez do php, mas da um reload na pagina, e dessa forma fica inviavel, eu gostaria de alterar o valor atravez de um input ou algo assim, pra que eu pudesse alterar a quantidade sem que ocorresse o reload na pagina, soube que isso é feito atravez do javascript, e eu não sei nada dessa linguagem, ainda tenho dificuldade até no PHP, se alguem puder me ajudar eu agradeço de verdade, aqui tá o código do meu carrinho:

<

<?php
    session_start();

    if (!isset( $_SESSION['itens'] ) ) :
        $_SESSION['itens'] = array();
    endif;
    
    if ( isset( $_GET['add'] ) && $_GET['add'] == "carrinho" ) :
        $idProduto  = $_GET['id'];
        if (!isset ($_SESSION['itens'][$idProduto])) :
            $_SESSION['itens'][$idProduto] = 1;
        else:
            $_SESSION['itens'][$idProduto] +=1;
        endif;
    endif;
    
    if ( count( $_SESSION['itens'] ) == 0 ) :
        echo ' <h1>Carrinho vazio</h1>';
    else:
        $_SESSION['dados'] =array();
        $conexao = new PDO ('mysql:host=localhost;dbname=meusprodutos',"root", "");
?>

<table >
    <thead>
        <th>Nome</th>
        <th>Preço</th>
        <th>Quantidade</th>
        <th>Subtotal</th>
        <th>Opções</th>

    </thead>
    <tbody>
<?php 
        $totalcarrinho = 0;
        foreach ( $_SESSION['itens'] as $idProduto => $quantidade ) :            
            $select = $conexao->prepare("SELECT * FROM produtos WHERE id=?");
            $select ->bindParam(1, $idProduto);
            $select ->execute();
            $produtos = $select->fetchAll();
            $total = $quantidade * $produtos[0]["preco"];
            if(count( $_SESSION['itens'] ) == 0 ) :
                $totalcarrinho = 0;
            else:
            
                $tempcarrinho = $totalcarrinho;
                $totalcarrinho =  $tempcarrinho + $total;
            
            endif;

?>
    <tr>
        <td><div align="center" style="font-size:20px; font-family: verdana"> <font color="black"><?=$produtos[0]["nome"]?></font> </div></td>
        <td><?=number_format( $produtos[0]["preco"], 2, ", ", "." )?></td>
        <td><div align="center"><a href="remover.php?remover=carrinho&id=<?=$idProduto?>">◄</a> <?=$quantidade?><a href="carrinho.php?add=carrinho&id=<?=$idProduto?>">►</a> </div></td>
        <td><?=number_format( $total, 2, ",", "." )?></td>
       <td>
  <a href="remover2.php?remover=carrinho&id=<?=$idProduto?>">Remover</a>
  
</td>
    </tr>

<?php
    array_push($_SESSION['dados'],
        array ('id_produto' => $produtos[0]["nome"],
                'quantidade' => $quantidade,
                'preco' => $produtos[0]["preco"],
                'total' => $total

    )
    );
    
        endforeach;
    

?>
    </tbody>
</table>
<table>
    <td><div align='center' style='font-size:25px;font-family:Verdana'>Total <?=number_format( $totalcarrinho, 2, ",", "." )?></div></td> 
    </table>
<?php
echo '<a href="finalizar.php"><button class="button2" type="submit">Finalizar pedido</button></a>';
    
    endif;
    
?>

>

Share this post


Link to post
Share on other sites

@joaov369 Segue novo exemplo:

 

 

CÓDIGO [index.php]

<?php
session_start ();
# session_destroy ();

if ( ! isset ( $_SESSION [ 'itens' ] ) ) {
	$_SESSION [ 'itens' ] = array (
		# CÒDIGO => QUANTIDADE
		12 => 1,
		25 => 120,
		1 => 2
	);
}
?>

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />

		<title> EXAMPLE </title>

		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
	</head>

	<body>
		<form id="alteraCarrinho" action="javascript:void(0)" method="post">
			<table border="1" style="text-align: center">
				<thead>
					<th><b>ID PRODUTO</b></th>
					<th>QUANTIDADE</th>
				</thead>

				<tbody>
				<?php foreach ( $_SESSION [ 'itens' ] as $key => $v ) : ?>
					<tr>
						<td><?php echo $key ?></td>
						<td>
							<input class="c_keys" type="hidden" name="id[]" value="<?php echo $key ?>" />
							<input class="c_values" type="number" name="iten[]" value="<?php echo $v ?>" style="text-align: center" />
						</td>
					</tr>
				<?php endforeach ?>
				</tbody>
			</table>

			<input type="submit" value="Alterar" />
		</form>

		<!-- AJAX -->
		<script type="text/javascript">
		$ ( function ()
		{
			/**
			 * VERIFICA SE HOUVE SUBMIT NO FORM
			*/
			$ ( '#alteraCarrinho' ).submit ( function ()
			{
				/**
				 * PEGA OS ELEMENTOS DOS ARRAYs
				*/
				var c_keys = $ ( '.c_keys' ).serialize ();
				var c_values = $ ( '.c_values' ).serialize ();

				/**
				 * ATUALIZA VIA AJAX
				*/
				$.ajax ({
					url: 'altera.php',
					type: 'post',
					data: {
						'c_keys': c_keys,
						'c_values': c_values
					}
				})
				.done ( function ( obj )
				{
					alert ( obj );
				})
				.fail ( function ( jqXHR, textStatus, msg )
				{
					alert ( msg );
				});
			});
		});
		</script>
	</body>
</html>

 

CÓDIGO [altera.php]

<?php
session_start ();

if ( $_POST ) {
	/**
	 * ARMAZENA VALORES DO POST
	*/
	$keys = array ();
	$values = array ();

	/**
	 * CONVERT EM ARRAY
	*/
	$convert_key = parse_str ( $_POST [ 'c_keys' ], $keys );
	$convert_value = parse_str ( $_POST [ 'c_values' ], $values );

	/**
	 * ATUALIZA NOVO CARRINHO
	*/
	for ( $i = 0; $i < count ( $keys [ 'id' ] ); $i++ ) {
		$_SESSION [ 'itens' ] [ $keys [ 'id' ] [ $i ] ] = $values [ 'iten' ] [ $i ];
	}

	/**
	 * ENVIA NOVO CARRINHO PARA O ALERT
	 * NA FUNÇÂO DONE ()
	*/
	var_dump (
		$_SESSION [ 'itens' ]
	);
}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By samuel.huarachi
      Como o sistema da Yellow funciona?
      Como uma requisição no celular, destrava um patinete?

      Tem algum artigo na internet falando disso?
    • By victorhupo
      Eu tenho um código html e quero que a partir de um formulário o javascript modifique o conteúdo dele porem tenho um conhecimento raso.
       o código seria esse.
      <textarea> <div class="separator" style="clear: both; text-align: center;"> <a href="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="901" data-original-width="1600" src="https://1.bp.blogspot.com/-TDuaU9uqbks/XVQ-Oj0THFI/AAAAAAAAEJw/mMdKEcvI-LwDoTVkcam8OVPse77LndSowCLcBGAs/s1600/S01E08.png" /></a></div> </textarea> eu preciso que a partir do link q o usuário colocar no formulário ele substitua esse link de imagem pelo que foi colocado na tabela. alguém tem alguma solução?
    • By geivisonsales
      Tenho um site sobre conteudos de entretenimento, e todos os posts tem uma imagem de fundo do tmdb, tem alguma maneira de otimizar o carregamento dessas imagens por url? ou alguma outra maneira?
    • By Lottechar
      tenho uma funçao e quero modificar os estilos sem precisar ficar escrevendo "document bla bla" toda hora em todas as modificaçoes .style, 
      o codigo e mais ou menos isso:
       
      function teste() { var info_cor = document.getElementById('mensagemCor').value; mensagemCor.style.color = "#fff"; } ja verifiquei esta com o eveneto os IDs estao certos, mas da erro especificamente na
       
      info_cor.style.color = "#fff"; alguem pode me tirar a duvida de como é a forma correta?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.