Jump to content
emmanuelsiqueira30

Exibir produtos da categoria especificada

Recommended Posts

Pessoal preciso de uma ajuda sobre mostrar somente os produtos que foi clicado no menu de categorias na mesma página inicial:

 

<?php 

  include("admin/conexao.php");
  
  $cat = isset($_GET['id_cat']);

  $query = "SELECT * FROM categoria";
  $query1 = "SELECT * FROM produto";
  $query_emp = "SELECT * FROM empresa WHERE id_emp = 1";

  //$query1 = "SELECT * FROM produto WHERE categoria_id = $cat";

  $dados = mysqli_query($con,$query);
  $dados1 = mysqli_query($con,$query1);
  $dados_emp = mysqli_query($con,$query_emp);

  $linha_emp = mysqli_fetch_assoc($dados_emp);

?>

<!DOCTYPE html>
<html lang="pt-br">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Catálogo Online - </title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="css/shop-homepage.css" rel="stylesheet">

<style>

  .window-sobre{
      display:none;
      width:300px;
      height:300px;
      position:absolute;
      left:0;
      top:0;
      background:#FFF;
      z-index:9900;
      padding:10px;
      border-radius:10px;
  }
  
  #mascara-sobre{
      display:none;
      position:absolute;
      left:0;
      top:0;
      z-index:9000;
      background-color:#000;
  }
  
  .fechar-sobre{display:block; text-align:right;}

  .window-localizacao{
      display:none;
      width:640px;
      height:480px;
      position:absolute;
      left:0;
      top:0;
      background:#FFF;
      z-index:9900;
      padding:10px;
      border-radius:10px;
  }
  
  #mascara-localizacao{
      display:none;
      position:absolute;
      left:0;
      top:0;
      z-index:9000;
      background-color:#000;
  }
  
  .fechar-localizacao{display:block; text-align:right;}

#produtos{
  margin-top: 20px;
}
</style>

</head>

<body>

<!-- Modal Jquery Sobre -->

 <div class="window-sobre" id="janela-sobre">
     <a href="#" class="fechar-sobre">X Fechar</a>
     <h4>Sobre a empresa</h4>
     <p class="text-justify"><?=$linha_emp['sobre_emp']?></p>
 </div>

 <!-- mascara para cobrir o site -->  
<div id="mascara-sobre"></div>

 <!-- Fim da Modal Jquery Sobre-->

 <!-- Modal Jquery Localização -->

 <div class="window-localizacao" id="janela-localizacao">
     <a href="#" class="fechar-localizacao">X Fechar</a>
     <h4>Localização</h4>
     <p class="text-justify"><?=$linha_emp['endereco_emp']?></p>
     <p class="text-justify"><?=$linha_emp['fone_emp']?></p>
 </div>

 <!-- mascara para cobrir o site -->  
<div id="mascara-localizacao"></div>

 <!-- Fim da Modal Jquery Sobre-->

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
      <a class="navbar-brand" href="#">Catálogo Online</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Página inicial
              <span class="sr-only">(current)</span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#janela-sobre" rel="modal-sobre">Sobre</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#janela-localizacao" rel="modal-localizacao">Localização</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Contato</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div class="container" id="conteudo">
    <div class="row">

      <div class="col-lg-3">

        <h1 class="my-4">Logomarca</h1>
        <div class="list-group">
            <?php
              while ($linha = mysqli_fetch_assoc($dados)) {
            ?>
              <a href="index.php?id_cat=<?=$linha['id_cat']?>" class="list-group-item"><?=$linha['nome_cat']?></a>
            <?php 
              }// fim do while  
            ?>
        </div>

      </div>
      <!-- /.col-lg-3 -->

      <div class="col-lg-9">

        <div class="row" id="produtos">
        
        <?php
              while ($linha1 = mysqli_fetch_assoc($dados1)) {
        ?>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100">
             <img class="card-img-top img-responsive" src="admin/fotos/<?=$linha1['foto_prod']?>" alt="Este produto não possui imagem." width="150px" height="230px"></img>
              <div class="card-body">
                <h4 class="card-title">
                  <?=$linha1['titulo_prod']?>
                </h4>
                <h5>Preço: R$ <?=$linha1['preco_prod']?></h5>
                <p class="card-text"><?=$linha1['desc_prod']?></p>
              </div>
             
            </div>
          </div>      
         
          <?php 
             }// fim do while  
          ?>

        </div>
        <!-- /.row -->
       
        
       
      
    </div>
      <!-- /.col-lg-9 -->

    </div>
    <!-- /.row -->

  </div>
  <!-- /.container -->

  <!-- Footer -->
  <footer class="py-5 bg-dark">
    <div class="container">

        <div class="container">
            <div class="row">
              <div class="col-4"></div>
              <div class="col-4"> <p class="m-0 text-center text-white">Copyright &copy; Catálogo Online 2019</p></div>
              <div class="col-4"><p class="m-0 text-right text-white">Desenvolvimento: System Informática</p></div>
            </div>
        </div>
      
    </div>
    <!-- /.container -->
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  
  <!-- Javascript do Modal Sobre Jquery --> 
  <script>
  $(document).ready(function(){
    $("a[rel=modal-sobre]").click( function(ev){
        ev.preventDefault();
 
        var id = $(this).attr("href");
 
        var alturaTela = $(document).height();
        var larguraTela = $(window).width();
     
        //colocando o fundo preto
        $('#mascara-sobre').css({'width':larguraTela,'height':alturaTela});
        $('#mascara-sobre').fadeIn(1000); 
        $('#mascara-sobre').fadeTo("slow",0.8);
 
        var left = ($(window).width() /2) - ( $(id).width() / 2 );
        var top = ($(window).height() / 2) - ( $(id).height() / 2 );
     
        $(id).css({'top':top,'left':left});
        $(id).show();   
    });
 
    $("#mascara-sobre").click( function(){
        $(this).hide();
        $(".window-sobre").hide();
    });
 
    $('.fechar-sobre').click(function(ev){
        ev.preventDefault();
        $("#mascara-sobre").hide();
        $(".window-sobre").hide();
    });
});
</script>
<!-- Fim do Javascript do Modal Sobre Jquery -->


<!-- Javascript do Modal Localização Jquery -->
<script>
  $(document).ready(function(){
    $("a[rel=modal-localizacao]").click( function(ev){
        ev.preventDefault();
 
        var id = $(this).attr("href");
 
        var alturaTela = $(document).height();
        var larguraTela = $(window).width();
     
        //colocando o fundo preto
        $('#mascara-localizacao').css({'width':larguraTela,'height':alturaTela});
        $('#mascara-localizacao').fadeIn(1000); 
        $('#mascara-localizacao').fadeTo("slow",0.8);
 
        var left = ($(window).width() /2) - ( $(id).width() / 2 );
        var top = ($(window).height() / 2) - ( $(id).height() / 2 );
     
        $(id).css({'top':top,'left':left});
        $(id).show();   
    });
 
    $("#mascara-localizacao").click( function(){
        $(this).hide();
        $(".window-localizacao").hide();
    });
 
    $('.fechar-localizacao').click(function(ev){
        ev.preventDefault();
        $("#mascara-localizacao").hide();
        $(".window-localizacao").hide();
    });
});
</script>
<!-- Fim do Javascript do Modal Localização Jquery -->

</body>

</html>

 

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 Salvatore
      Galera alguem poderia me explicar como faço isto ultilizando php? estou perdido
      tenho que usar varias imagens?
       
      De acordo que ele clica e seleciona a poltrona ela muda de cor 
      RED: OCUPADA
      AZUL: LIVRE

    • By drx
      Olá feras!
       
      Estou recebendo este retorno da conexão: SQLSTATE[HY000] [1049] Base 'dbbase' inconnue
       
      O que é que pode ser?
       
      Tudo certinho. Fala que a dbbase não existe, mas existe.
      Alguém tem uma solução ?
       
      Desde já agradeço.
    • By helkton
      ola galera, dúvida besta, mais ja estou quebrando a cabeça,
      seguinte estou preso  num select <option> vindo do banco de dados
      fiz alguns com o if(){}
      mais é pra saber tipoImovel - interesseImovel ou finalidadeImovel
      esses ai são poucos, ficou dboas fazer um if(){} pra cada. Agora pensa comigo...
      Tenho uma TABELA clientes, guardo as informações dos clientes
      Tenho outra tabela imoveis, com os dados do imóvel e tbm com o cliente que cadastrou o imovel,
      na pagina pra editar-imovel.php, monto o <option> pra consultar na tabela clientes todos os clientes cadastrados, como deixo "selected" no nome do cliente que cadastrou o imóvel??
    • By eduardaarosaa
      Ola!! Estou tentando fazer o upload de múltiplos arquivos usando o laravel. Mas  estou tendo o seguinte erro ao tentar cadastrar: 
      "Call to undefined method Symfony\Component\HttpFoundation\FileBag::extension()"  
      Meu controller:
        public function cadastro_info(Request $request)
          {
              $dataForm = $request->except('_token');
              $nameFile = null;
              $loop = count($request->files);
              for ($i=0; $i< $loop; $i++) {
             
                  $name = uniqid(date('HisYmd'));
                  $extension = $request->files->extension();
                  $nameFile = "{$name}.{$extension}";

                  $upload = $request->files->storeAs('upload', $nameFile);
                }
                  if (!$upload)
                      return redirect()
                          ->back()
                          ->with('error', 'Falha ao fazer upload')
                          ->withInput();
              }
      Minha rota:
       Route::post('/cadastro_empresa', 'Site\SiteController@cadastro_info')->name('cadastro_info');
       
      O que estou carregando no controller:
      use Illuminate\Http\Request;
      use DB;
      use App\Http\Controllers\Controller;
      use App\Models\Site\cadastro;
       
      Gerei o link para o storage já 
       
      Alguém sabe dizer o motivo do erro?
       
      Obrigada!!!
       
       
    • By stefany nogueira
      Não estou esta trazendo a tabela e aparece o seguinte erro:

              
      ( ! ) Warning: mysqli_fetch_assoc() expects parameter 1 to be mysqli_result, boolean given in C:\wamp64\www\busca\index.php on line 20
      Call Stack
      #TimeMemoryFunctionLocation
      10.0009402840{main}(  )...\index.php:0
      20.0032418656mysqli_fetch_assoc
      (  )...\index.php:20
                    
       
       
      <?php
          include "conexao.php"
      ?>
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml1" lang="pt-br" xml:lang="pt-br">
          <head>
              <meta charset="utf-8">
              <title> Busca </title>
          </head>
          <body>
          <form action="results" method="post">
          <select name = convênios>
              <option>Selecione o convênio</option>
              <?php
                  $convenios = "SELECT * FROM convênios";
                  $qrconvenio = mysqli_query($conexao, $convenios);
                  while ($row_convenios = mysqli_fetch_assoc($qrconvenio)) ?>
                      <option value="<?php echo($row_convenios ['id_convenios'])?>"><?php echo($row_convenios ['convenio']) ?></option>
              ?>            
          </select>
      </body>
×

Important Information

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