Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rafinhafv

Carrinho de Compras

Por , em PHP

Recommended Posts

rafinhafv    0

rafinhafv
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafinhafv    0

rafinhafv
Postado

É 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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

fainformatica    1

fainformatica
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP

  • Conteúdo Similar

    • Carlos Antoliv
      Como Contar quantidade de itens do carrinho de compra que está na Sessão?
      Por 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
       
       
    • Sapinn
      Carrinho de compras
      Por 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(){     }  
    • Caio Vargas
      Calcular frete correios
      Por 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 ?
    • mbolzanes
      Alterar nome MINHA SACOLA para MEU CARRINHO na TRAY
      Por mbolzanes
      Olá.
       
      Preciso alterar o nome do meu tema na tray de MINHA SACOLA para MEU CARRINHO
      Alguém que possa ajudar?

    • dutopfave
      Carrinho de Compras PHP
      Por 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; } }  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito