Jump to content
rafinhafv

Carrinho de Compras

Recommended Posts

Olá... Cuido de um site e no topo da página tem o carrinho de compras, queria diminuir o tamanho desse carrinho, deixar apenas o ícone do carrinho e o numero de itens, como e onde faço isso? Não achei nada do carrinho nos códigos... o site para visualizar é www.braviseg.com.br

Share this post


Link to post
Share on other sites

É feito todo em código...

 

Na verdade existe um arquivo chamado carrinho.php que tem apenas este código:

<div class="col-lg-3 col-md-4 col-sm-12">
	<div id="listar-carrinho-home"> </div>
</div>

Na página do index tem este código que tem umas funções do carrinho:

<?php
ob_start();
session_start();
require_once('control/framework/conf/Configure.php');
$configure = new Configure();
$configure->setIni();
define( "url", $configure->getUrl() );
define( "dir", $configure->getDir() );
$par = $configure->getPar();
require_once (dir . 'control/framework/ImportAll.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Braviseg - CFTV DVR Stand Alone Mini Cameras Fonte Bateria Interfone Video porteiro alarme</title><!--META TAGS-->
	<!--META TAGS-->
	<meta name="title" content="Braviseg - CFTV DVR Stand Alone Mini Cameras Fonte Bateria Interfone Video porteiro alarme" />
	<meta name="description" content="Equipamentos de Segurança Eletronica. CFTV, Câmeras de Segurança, Alarmes Residenciais e Comerciais, Intefonia, Controle Acesso, Cerca Elétrica" />
	<meta name="keywords" content="cftv, mini camera, alarme, cerca eletrica, interfone, hdl, dvr, luxvison, ideal, gmax, genno, video porteiro, controle" />
	<meta name="copyright" content="Braviseg" />
	<meta name="abstract" content="Braviseg" />
	<link rel="shortcut icon" href="<?php echo url ?>images/favicon.ico?<?php echo filemtime(dir.'images/favicon.ico')?>">
	<link href="<?php echo url ?>css/bootstrap.css" rel="stylesheet">
	<link href="<?php echo url ?>css/font-awesome.min.css" rel="stylesheet">
	<link href="<?php echo url ?>css/jquery.bxslider.css" rel="stylesheet">
	<link href="<?php echo url ?>css/smoothproducts.css" rel="stylesheet">
	<link href="<?php echo url ?>css/style.css?<?php echo filemtime(dir.'css/style.css')?>" rel="stylesheet">
</head>
<body>
	<header>
		<div class="container">
			
			<div class="row">
	
				<!-- Logo -->
				<div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
					<div class="well logo">
						<a href="<?php echo url ?>"><img src="<?php echo url.'images/logo.png'; ?>" alt="Braviseg" /></a>
					</div>
				</div>
				<!-- End Logo -->
	
				<!-- Search Form -->
				<?php include '_home/busca.php'; ?>
				<!-- End Search Form -->
	
				<!-- Shopping Cart List -->
				<?php include '_home/carrinho.php'; ?>
				<!-- End Shopping Cart List -->
				
				<div class="col-lg-2 col-md-1 col-xs-12">
					<div class="well pull-right">
						<ul class="list-inline">
							<li class="social">
								<a href="#" title="(48) 99109-8822"><i class="fa fa-whatsapp"></i></a>
							</li>
							<li class="social">
								<a href="#" title="vendas.braviseg"><i class="fa fa-skype"></i></a>
							</li>
							<li class="social">
								<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fbraviseg&amp;width=56&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:56px; height:20px;" allowTransparency="true"></iframe>
							</li>
						</ul>
					</div>
				</div>
				
			</div>
		</div>
	</header>

	<!-- Navigation -->
    <?php include '_home/navigation.php'; ?>
    <!-- End Navigation -->

	<div class="container main-container">
		<?php require_once(HtmlUtils::routes($par)); ?>
	</div>

	<!-- Footer -->
	<?php include '_home/footer.php'; ?>
	<!-- End Footer -->

	<a href="#top" class="back-top text-center" onclick="$('body,html').animate({scrollTop:0},1000); return false"> <i class="fa fa-angle-double-up"></i></a>

	<script src="<?php echo url ?>google_analytics_auto.js"></script>
	<script src="<?php echo url ?>js/jquery.js"></script>
	<script src="<?php echo url ?>js/bootstrap.js"></script>
	<script src="<?php echo url ?>js/jquery.bxslider.min.js"></script>
	<script src="<?php echo url ?>js/jquery.blImageCenter.js"></script>
	<script src="<?php echo url ?>js/smoothproducts.min.js"></script>
	<script src="<?php echo url ?>js/bootstrap.touchspin.js"></script>
	<script src="<?php echo url ?>js/jquery.alphanumeric.js"></script>
	<script src="<?php echo url ?>js/mimity.js?<?php echo filemtime(dir.'js/mimity.js')?>"></script>
	<script src="<?php echo url ?>control/js/jquery.maskMoney.js"></script>
	<script src="<?php echo url ?>js/jquery.maskedinput-1.2.2.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){

			$("#telefone").mask("(99) 9999-9999");
		 	$("#celular").mask("(99) 9999-9999");
		 	$("#telefone-pf").mask("9999-9999");
		 	$("#celular-pf").mask("9999-9999");
		 	$("#cpf").mask("999.999.999-99");
		 	$("#cnpj").mask("99.999.999/9999-99");
		 	$("#cep").mask("99999-999");
		 	$("#data_nascimento").mask("99/99/9999");
		 	$(".numeric").numeric();
		 	$("#a_combinar").maskMoney({precision:2, decimal:",", thousands:"."});
		 	$(".money").maskMoney({precision:2, decimal:",", thousands:".",allowZero:true});

		 	$.fn.addCarrinho = function(options) {
			 	if(options){
				 	var caracteristicas_array = options;
			 	}
				var defaults = {
						id : $(this).attr('rel'),
						caracteristicas : caracteristicas_array
					};
				return this.each(function() {
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_carrinho/add_itens.php'; ?>',
						data : defaults,
						type : 'post',
						success: function(data) {
							$(window.document.location).attr('href','<?php echo url."carrinho" ?>');
						}
					});
				});  
			};
			
			$('#add-carrinho').live('click',function(ev,val){
				var caracteristicasArray = [];
				var continua = true;
				$('.caracteristicas').each(function(){
					if($(this).find(":selected").val().length <= 0){
						continua = false;
					}
					caracteristicasArray.push($(this).find(':first-child').text().replace('Selecione um(a) ',''));
				});
				if(continua == true){
					var caracteristicas = new Array();
					$('.caracteristicas').each(function(index){
						caracteristicas.push($(this).val());
					});
					$(this).addCarrinho(caracteristicas);
				}else{
					$('#retorno').html('<div class="alert alert-danger" align="center" role="alert">'+
											'<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>'+
											'Você precisa selecionar a(s) caracteristica(s) '+caracteristicasArray.join(', ')+'!'+
										'</div>');
				}
			});

			// Lista produtos no carrrinho
			$.fn.listarCarrinho = function(options) {
				var defaults = {};  
				var opts = $.extend(defaults, options);  
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_carrinho/listar_itens.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							$('#listar-carrinho').html(data);
						},
						beforeSend: function(data){
							$("#listar-carrinho").html('<center><p class="carregando"></p></center>');
						}
					});
				});  
			};

			$.fn.excluirItem = function(options) {
				var defaults = {
					idproduto : $(this).data('idproduto'),
					identificador : $(this).data('identificador')
				};
				var opts = $.extend(defaults, options);  
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_carrinho/excluir_itens.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							if($('#listar-carrinho').exist()){
								$('#listar-carrinho').listarCarrinho();
							}
							if($('#listar-carrinho-pagamento').exist()){
								$('#listar-carrinho-pagamento').listarCarrinhoPagamento();
							}
							$('#listar-carrinho-home').listarCarrinhoHome();
						}
					});
				});  
			};

			$.fn.atualizarCarrinho = function(options) {
				var codigos = new Array();
				$('.qtd').each(function(i){
					if($(this).val() == 0){
						return;
					}
					codigos.push($(this).val()+'-'+$(this).data('idproduto')+'-'+$(this).data('identificador'));
				});
				var defaults = {
					codigos : codigos			
				};
				var opts = $.extend(defaults, options);
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_carrinho/atualizar_carrinho.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							if($('#listar-carrinho').exist()){
								$('#listar-carrinho').listarCarrinho();
							}
							if($('#listar-carrinho-pagamento').exist()){
								$('#listar-carrinho-pagamento').listarCarrinhoPagamento();
							}
							$('#listar-carrinho-home').listarCarrinhoHome();
						}
					});
				});  
			};

			$.fn.atualizarQtdProduto = function(options) {
				var action = $(this).data('action');
				var qtd = $(this).data('qtd');
				if(qtd == 0){
					return;
				}
				if(action == 'menos'){
					qtd--;
				}else{
					qtd++;
				}
				var defaults = {
					qtd : qtd,
					idproduto : $(this).data('idproduto'),
					identificador : $(this).data('identificador')
				};
				var opts = $.extend(defaults, options);
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_carrinho/atualizar_qtd_produto.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							if($('#listar-carrinho').exist()){
								$('#listar-carrinho').listarCarrinho();
							}
							if($('#listar-carrinho-pagamento').exist()){
								$('#listar-carrinho-pagamento').listarCarrinhoPagamento();
							}
							$('#listar-carrinho-home').listarCarrinhoHome();
						}
					});
				});
			};
			
			// Lista produtos no carrrinho
			$.fn.listarCarrinhoPagamento = function(options) {
				var defaults = {};  
				var opts = $.extend(defaults, options);  
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_pagamento/listar_itens.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							$('#listar-carrinho-pagamento').html(data);
						},
						beforeSend: function(data){
							$("#listar-carrinho-pagamento").html('<center><p class="carregando"></p></center>');
						}
					});
				});  
			};
			
			// Lista produtos no carrrinho
			$.fn.listarCarrinhoFinalizar = function(options) {
				var defaults = {};  
				var opts = $.extend(defaults, options);  
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_finalizar/listar_itens.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							$('#listar-carrinho-finalizar').html(data);
						},
						beforeSend: function(data){
							$("#listar-carrinho-finalizar").html('<center><p class="carregando"></p></center>');
						}
					});
				});  
			};
			
			// Lista produtos no carrrinho
			$.fn.listarCarrinhoHome = function(options) {
				var defaults = {};  
				var opts = $.extend(defaults, options);  
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_home/listar_itens.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							$('#listar-carrinho-home').html(data);
						},
						beforeSend: function(data){
							$("#listar-carrinho-home").html('<center><p class="carregando"></p></center>');
						}
					});
				});  
			};

			$.fn.limparAlteracaoPedido = function(options) {
				var defaults = {
					id : $(this).attr('rel')			
				};
				var opts = $.extend(defaults, options);
				return this.each(function() { 
					$this = $(this);
					$.ajax({
						url : '<?php echo url.'_carrinho/limpar_alteracao_pedido.php'; ?>',
						data : opts,
						type : 'post',
						success: function(data) {
							$(window.document.location).attr('href','<?php echo url."produtos" ?>');
						}
					});
				});  
			};

			$('#listar-carrinho-home').listarCarrinhoHome();

			$('#listar-carrinho').listarCarrinho();

			$('.excluir-item').live('click',function(ev,val){
				$(this).excluirItem();
			});

			$('#atualizar-carrinho').live('click',function(ev,val){
				$(this).atualizarCarrinho();
			});

			$('.atualizar-carrinho-menos').live('click',function(ev,val){
				$(this).atualizarQtdProduto();
			});

			$('.atualizar-carrinho-mais').live('click',function(ev,val){
				$(this).atualizarQtdProduto();
			});

			$('#listar-carrinho-pagamento').listarCarrinhoPagamento();

			$('#listar-carrinho-finalizar').listarCarrinhoFinalizar();

			$('#limpar-alteracao-pedido').live('click',function(ev,val){
				$(this).limparAlteracaoPedido();
			});

			$('.btn-shopline').click(function(){
				$('.msg-shopline').show();
			});

		});
	</script>
</body>
</html>
<?php ob_flush(); ?>

Onde posso mexer para transformar o carrinho de compras em apenas um icone?

Share this post


Link to post
Share on other sites

então tem uma função, jquery ou javascript por tras dele. olhe que na div tem apenas o id... então tem que procurar as funções que trabalham no id setado na div...

 

se tiver com dificuldades pode me mandar os fontes que eu acho pra você

 

email: f.ainformatica2@gmail.com

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 Caio Vargas
      Olá pessoa tudo beleza
      Estou criando um ecommerce porém estou com uma dúvida de como posso calcular o frete altura largura e comprimento de vários produtos no carrinho fiz a comparação do site dos correios e está dando diferença mínima de 4 reais alguém pode me ajudar ?
    • By dutopfave
      Boa Tarde, estou criando uma loja virtual, e a questão é voltado para o carrinho de compras, ate agora ta tudo certo, funcionando normal, porém tem produtos que tem vários tamanho, exemplo eu tenho um tênis, e eu posso escolhe se quero tamanho 41 ou 42, blz ate ai ele registra certinho no banco, porém, se por a caso eu também queira compra o do tamanho 41, e dps volto la e compro o 42, invés de cria 2 produto no carrinho ele acaba atualizando o mesmo, pegando o ultimo tamanho q escolhi e na quantidade aumentando pra 2, vou manda o código aki, pq o ideal seria aparece 2 produto no carrinho, pq são 2 tamanho diferente, e isso ta quebrando a cabeça:
      Código:
      if($_GET['acao'] == 'adds'){ $qtds = $_POST['qtds']; $cart_tamanho = $_POST['cart_tamanho']; if(!isset($_SESSION['carrinho'][$id]) && $_SESSION['carrinho'][$id] < $Verifica_qtd_row2){ $_SESSION['carrinho'][$id] = $qtds; $_SESSION['cart_tamanho'][$id] = $cart_tamanho; }elseif($_SESSION['carrinho'][$id] < $Verifica_qtd_row2){ $_SESSION['carrinho'][$id] += $qtds; $_SESSION['cart_tamanho'][$id] = $cart_tamanho; }else{ $_SESSION['carrinho'][$id] = 1; $_SESSION['cart_tamanho'][$id] = $cart_tamanho; } }  
    • By Aureo Almeida
      Estou tentando modificar um projeto de carrinho de compras cujo script peguei entre vários que está disponível na internet. Ele funciona bem, porém com uma determinada lógica: a quantidade de itens de um produto é aumentada conforme a quantidade de vezes que o cliente adicionar o produto. Ou seja, se ele for na página do produto para inseri-lo 3 vezes, ele aumenta a quantidade para 3. O problema é que no projeto que estou desenvolvendo os produtos possuem possibilidade de escolha de quantidade, pois podem ser vários e não dá para a pessoa ir e clicar 15 vezes nele.
      E não estou conseguindo mudar está lógica. O que eu gostaria é que quando o cliente selecionasse uma quantidade, e isso não é um problema, essa quantidade fosse recebida na página do carrinho junto com outras informações do produto puxado pela id dele no banco de dados.
      Este é o script básico:
      <?php $item_carrinho = 0; if(count($_SESSION['carrinho']) > 0){ foreach($_SESSION['carrinho'] as $id_produtos_carrinho => $quantidade_produto_carrinho){ $item_carrinho++; $query = "SELECT * FROM psd_produtos WHERE psd_produtos.prd_id = '".$id_produtos_carrinho."'"; $read_produto_carrinho = mysqli_query($conn, $query) or die(mysql_error()); if(mysqli_num_rows($read_produto_carrinho) > 0){ foreach($read_produto_carrinho as $read_produto_carrinho_view); $valor_total_produto_carrinho = $quantidade_produto_carrinho * $read_produto_carrinho_view['prd_valor']; $valor_total_venda += $valor_total_produto_carrinho; } echo ' <tr> <td class="car-item">'.$item_carrinho.'</td> <td class="car-nome">'.$read_produto_carrinho_view['prd_nome'].'</td> <td class="car-valor">'.number_format($read_produto_carrinho_view['prd_valor'], 2, ',', '.').'</td> <td class="car-qtd">'.$quantidade_produto_carrinho.'</td> <td class="car-total">'.number_format($valor_total_produto_carrinho, 2, ',', '.').'</td> <td class="car-opcao"><a href="deletar-prod1.php?id='.$id_produtos_carrinho.'" class="opcao">Excluir<a/></td> </tr> '; } } ?>  
    • By mercadohidro
      Gente, como faço para trocar o modo de abrir do carrinho no meu site da Tray?
      Quando um cliente adiciona algo no Carrinho fica lá, daí quando ele vai checar o que colocou lá, o carrinho leva ele pra outra página.
      Quero saber como clicar no carrinho e continuar na página do meu site? Só quero que abra uma aba lateral do carrinho, e não que ele vá para outra página.
      Me ajudem, por favor.
    • By rodolfo_alves
      Olá pessoas, sou novato em PHP, estou estudando a linguagem e ao mesmo tempo tentando criar algo com o que aprendi. Quando tenho dúvidas procuro na net, tópicos e ou scripts já prontos que me façam entender. Todavia desta vez não encontrei algo claro.
      Estou criando um mini sistema de vendas, do qual me permite adicionar uma lista de itens. Daí está o problema, como não tenho um conhecimento avançado de arrays não estou sabendo pegar os dados da lista criada e passar para o BD. Só consigo passar a última informação criada na lista.
       

      Aqui está o exemplo.
       
      <?php // inicio consulta url if(!isset($_SESSION['itens'])){ $_SESSION['itens'] = array(); } if(isset($_GET['acao'])){ $id = $_GET['id']; // Adiciona ao carrinho if($_GET['acao'] == 'add'){ if(!isset($_SESSION['itens'][$id])){ $_SESSION['itens'][$id] = 1; }else{ $_SESSION['itens'][$id] += 1; } } // Diminui carrinho if($_GET['acao'] == 'dim'){ if(!isset($_SESSION['itens'][$id])){ $_SESSION['itens'][$id] = 1; }else{ if($_SESSION['itens'][$id] > 1) $_SESSION['itens'][$id] -= 1; } } //deleta item do carrinho if($_GET['acao'] == 'del'){ $id = intval($_GET['id']); if(isset($_SESSION['itens'][$id])){ unset($_SESSION['itens'][$id]); } } } // fim consulta url // inicio consulta para adicionar if(count($_SESSION['itens']) == 0){ ?> <br> <div class="alert alert-danger alert-dismissible"> <button type="button" class="close" data-dismiss="alert">&times;</button> <strong>LISTA VAZIA:</strong> Para adicionar produtos/servicos realize a busca. </div> <br> <?php }else{ require_once('db.class.php'); $objDb = new db(); $link = $objDb -> conecta_mysql(); $total = 0; foreach ($_SESSION['itens'] as $idProdutos => $quantidade) { $sql = "SELECT * FROM produtos WHERE id='$idProdutos'"; $consultado = mysqli_query($link, $sql) or die(mysql_error()); $linha = mysqli_fetch_array($consultado); $id = $linha['id']; $codigo = $linha['codigo']; $produto = $linha['produto']; $quantidade_disp = $linha['qtd']; $valor = $linha['valor']; $subTotal = $linha['valor'] * $quantidade; $total += $linha['valor'] * $quantidade; ?> <tr> <td><input type="hidden" name="codigo_produto" value=""><?= $codigo; ?></td> <td><input type="hidden" name="nome_produto" value=""><?= $produto; ?></td> <td><input type="hidden" name="qtd_produto" value=""><?= $quantidade_disp; ?></td> <td> <a href="gerar_pedidos_admin.php?acao=dim&id=<?= $id; ?>"><span class="glyphicon glyphicon-minus" style="color: red"></span></a> <input type="number" name="qtd_produto1" min="1" max="<?= $quantidade_disp; ?>" value="<?= $quantidade; ?>"> <a href="gerar_pedidos_admin.php?acao=add&id=<?= $id; ?>"><span class="glyphicon glyphicon-plus" style="color: green"></span></a> </td> <td><input type="hidden" name="valor_produto" value="">R$ <?= number_format($valor,2,",", "."); ?></td> <td>R$ <?= number_format($subTotal,2,",", ".");?></td> <td><a href="gerar_pedidos_admin.php?acao=del&id=<?= $id; ?>"><span class="glyphicon glyphicon-remove" style="color: red;"></span></a></td> </tr> <?php } ?> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><label>Total</label><br>R$ <input type="hidden" name="total_pedido" value=""><?= number_format($total,2,",", ".");?></td> </tr> <?php } ?> A pergunta e dúvida é como posso pegar os dados da lista e adicionar ao BD. Eu sei que é para usar um foreach ou um while, todavia só consigo passar a última informação da lista de modo repetido. Gostaria de uma ajuda. Não precisa faz de acordo com o meu código, gostaria de um exemplo prático.
       
      Abçs.
       
       
×

Important Information

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