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 Carlos Antoliv
      Senhores, tudo bem?
       
      Tô numa dúvida aqui... tá matando.
      Estou tentando contar a quantidade de itens do carrinho de compras.
       
      Este aqui é o input que aparece a quantidade de itens:
      <td><input type="text" name="prod[<?php echo $result['id']?>]" value="<?php echo $qtdProd = $result['quantity']?>" size="1"  />                          </td>  
      Aparece normalmente a quantidade de itens. Ex: arroz   2  <<< este 2 fica dentro do input, onde posso alterá-lo.
      Minha ideia é mostrar na tela a quantidade total de itens que estão no carrinho.
       
      To usando esse código aqui pra aparecer o número total.... e até funciona:
       
                         <?php                                     if(isset($_SESSION['carrinho'])){                                     $amount = 0;                                     $count = 0;                                     $size = count($_SESSION['carrinho']);                                                                         foreach($_SESSION['carrinho'] as $data){                                     $count++;                                     $amount += $data['quantity'];                                     if($size == $count){                                     echo "TOTAL = $amount";                                     }                                 }                             }                                 ?>  
      O problema é que está exibindo o seguinte erro:
      Warning: Illegal string offset 'quantity' in C:\...\www\sistema\carrinho-de-compra\carrinho.php on line 90
       
      Erro na linha 90, no caso, neste linha aqui: 
          $amount += $data['quantity'];
       
      Daí travei um pouco.
       
      Alguém que poderia dar força ? Tá osso aqui.
      tmj
       
       
    • By Sapinn
      Opa galera tudo beleza? Estou desenvolvendo um pequeno e-commerce de camisas. Enquanto fazia o carrinho de compras topei com um problema como posso mostrar os produtos no carrinho e como mostrar assim que for inserirdo um novo produto ? Fiz algumas buscas mas nenhuma me ajudou realmente. 
       
      Carrinho de compras:

       
      <!-- ==================================== CARRINHO DE COMPRAS =================================== -->     <div class="offcanvas offcanvas-end areaShoppingCart" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">       <div class="offcanvas-header">         <h4 class="offcanvas-title fw-bold" id="offcanvasNavbarLabel"><i class="bi bi-cart4"></i> Carrinho de Compras         </h4>         <button type="button" class="text-reset closeAreaShoppingCart" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x"></i></button>       </div>       <span data-bs-toggle="modal" data-bs-target="#leiaimportante" class="link_text">Leia Importante <i class="bi bi-info-circle"></i></span>       <hr />       <div class="offcanvas-body cart_body">     <!--     <div class="product_content">           <div class="trash_icon"><a href="#" class="link_text"><i class='bx bx-trash ' title="Excluir do carrinho"></i></a></div>           <a href="" class="container_card_product">             <div class="d-flex">               <div class="cart_img_product">                 <img src="../assets/images/camisas/257139328_126851229744515_2923407250030929456_n.webp.jpg" alt="">               </div>               <div class="cart_info_product">                 <div class="cart_name_product">Camisa do Paris San-German Branca</div>                 <div class="cart_price_product">Preço: 120,00</div>               </div>             </div>           </a>           <hr />         </div> -->       </div>     </div>  
      JS:
      let cartShirt = []; let btn = document.querySelector(".btnShoppingCart"); let idShirt = btn.getAttribute('data-product-id') let nameShirt = document.querySelector(".name_shirt").innerText; let priceShirt = document.querySelector(".price_shirt").innerText; let symbol_shirt = document.querySelector(".symbol_shirt").getAttribute('src'); let urlShirt = window.location.href; let infoShirts = {    "id": idShirt,    "name": nameShirt,    "price": priceShirt,    "img": symbol_shirt,    "url": urlShirt, } jsonShirt = JSON.stringify(infoShirts); let productsInCart = JSON.stringify(localStorage.getItem("futprime_cart")); btn.addEventListener('click', () => {    if (productsInCart == '') {       cartShirt.push(jsonShirt);       localStorage.setItem('futprime_cart', cartShirt)    }else{       let obj = productsInCart.concat(jsonShirt);       cartShirt.push(obj.replace(/[\\"]/g, ''))       /* console.log(cartShirt); */       localStorage.setItem('futprime_cart', cartShirt);       /* console.log(localStorage.getItem('futprime_cart')); */    }    insertInCartHTML(); }); console.log(localStorage.getItem('futprime_cart')); /* localStorage.clear(); */ function insertInCartHTML(){     }  
    • 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 mbolzanes
      Olá.
       
      Preciso alterar o nome do meu tema na tray de MINHA SACOLA para MEU CARRINHO
      Alguém que possa 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; } }  
×

Important Information

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