Ir para conteúdo

Arquivado

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

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>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, plural, ativo. Nela tem cadastrado vários itens e seu respectivo plural. No campo ativo eu coloco a letra "S" para informar que esta palavra está ativa no sistema. Por exemplo: 1, casa, casas, S 2, mesa, mesas, S 3, cama, camas, S 4, moto, motos, S 5, rádio, rádios O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "variações" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, camas, moto 2, mesas, casas, radio 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela variações da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "casa". Preciso fazer com que o php me liste todos os registros da tabela "variações" que contenham a palavra "casa". Porém se tiver algum registro com a palavra "casas" também tem que ser listado. Neste caso ele irá encontrar dois registros. Agora eu preciso que o php verifique os demais itens e faça a listagem apenas dos item que estão ativos (que contenham um "S" no campo ativo. Neste caso ele irá encontrar apenas um registro, pois o segundo registro contém a palavra "rádio". E "rádio" não está ativo na tabela itens. Como faço isso?
    • Por First
      Olá a todos!
       
      Quando eu tento fazer o login me mostra esse erro "Could not log you in."; Alguém sabe me ajudar a resolver esse problema no meu código?
      <?php require_once("core/init.php"); if (Input::exists()) { if (Token::check(Input::get("token"))) { $validate = new Validate(); $validation = $validate->check($_POST, array( "username" => array("required" => true), "password" => array("required" => true) )); if ($validation->passed()) { $user = new User(); $remember = (Input::get("remember")) === "on" ? true : false; $login = $user->login(Input::get("username"), Input::get("password"), $remember); if ($login) { Session::flash("home", "Welcome back!"); Redirect::to("index.php"); } else { echo "Could not log you in."; } } else { foreach ($validation->errors() as $error) { echo $error."<BR>"; } } } } ?> <form action="" method="POST"> <div class="field"> <label for="username">Username</label> <input type="text" name="username" id="username"> </div> <div class="field"> <label for="password">Password</label> <input type="password" name="password" id="password"> </div> <div class="field"> <label for="remember"> <input type="checkbox" name="remember" id="remember"> Remember me </label> </div> <input type="hidden" name="token" value="<?php echo Token::generate(); ?>"> <input type="submit" value="Log in"> </form>  
       
      Desde já obrigado.
    • Por ckcesar
      Eu tenho uma aplicação no zend com a versão 5.6 e com o postgresql 9.6. Agora eu precisei mudar a versão do meu postgresql para o 16.1, a parte de conexão do bd e consultas sqls funciona perfeitamente, o meu problema está para acessar os meus controllers. Eles não são encontrados em nenhuma rota, quero ver se alguém já passou por esse problema para me ajudar. Obrigado.
    • Por ILR master
      Fala galera, tudo bem?
       
      Tenho o seguinte codigo:
       
       class Data {
      public static function ExibirTempoDecorrido($date)
      {
          if(empty($date))
          {
              return "Informe a data";
          }
          $periodos = array("segundo", "minuto", "hora", "dia", "semana", "mês", "ano", "década");
          $duracao = array("60","60","24","7","4.35","12","10");
          $agora = time();
          $unix_data = strtotime($date);
          // check validity of date
          if(empty($unix_data))
          {  
              return "Bad date";
          }
          // is it future date or past date
          if($agora > $unix_data) 
          {  
              $diferenca     = $agora - $unix_data;
              $tempo         = "atrás";
          } 
          else 
          {
              $diferenca     = $unix_data - $agora;
              $tempo         = "agora";
          }
          for($j = 0; $diferenca >= $duracao[$j] && $j < count($duracao)-1; $j++) 
          {
              $diferenca /= $duracao[$j];
          }
          $diferenca = round($diferenca);
          if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
          return "$diferenca $periodos[$j] {$tempo}";
      }
      }
       
      Funciona redondinho se o valor retornado for de algumas horas, mas...
      Quando passa de dois meses, ele retorna a palavra mess. Deve ser por conta dessa linha
      if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
       
      Quero que modre:
       
      2 meses atrás
      e não
      2 mess atrás.
       
      Espero que tenham entendido.
       
      Valeu
×

Informação importante

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