Selecionar dados da tabela para exibir no popup

[AlanB. 0]

Olá, boa tarde! Eu estou com um problema e não consigo resolver. Alguem pode me ajudar?

Eu tenho uma seção de serviços no site (inseri a imagem como anexo para que voces possam visualizar)

 

Basicamente são 5 colunas em que cada uma tem uma imagem, um titulo, um quadradinho que abre uma lista e quando clica em algum item da lista, abre um popup com as informações daquele item. 

 

Para tentar fazer isso com o php eu criei a tabela "servicos" com os campos:

 

id
titulo (pra inserir esses titulos abaixo da imagem) - adequação, estruturação, etc.
lista - os titulos dos itens da lista
popup - texto com os itens da lista 

 

Eu adicionei os itens das listas de cada coluna no phpmyadmin e consegui fazer a função de editar e excluir certinho. Mas depois disso, preciso exibir as informações na index.php 

 

Até agora tentei fazer somente a primeira coluna de "Adequação", vejam o código na index.php para exibir:

 

<div class="col mb-4 p-3">
          <div class="d-flex justify-content-center">
        <img src="img/icones/adequacao.png" alt="Adequação">
          </div>
        <p class="mt-3 titulobranco text-center">Adequação</p>
         <div class="servicos d-flex justify-content-center">
            <ul class="nav">
            <li class="nav-item dropdown">
            <img class="quadrado nav-link" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" src="img/icones/quadrado.png" alt="Conscientização">
            <div class="dropdown-menu dropdown-menu-personalizado" aria-labelledby="navbarDropdown">
                <?php
       $titulo = "Adequação";
        $sql = "SELECT * FROM servicos WHERE titulo = '$titulo'";
         $sql = $pdo->query($sql);
        if($sql->rowCount()>0){
           foreach($sql->fetchAll() as $servicos){
            echo'<a class="dropdown-item textoservicos">'.$servicos['lista'].'<div style="float:right; color:#27B1F7;">&#43;</div></a>';
             }
    }
    ?>
      </div>
    </li>
    </ul>'
     
      </div>
      </div>

Eu não sei se esse código está certo, mas está funcionando. Ele está exibindo na primeira coluna "Adequação", os itens da lista desse respectivo titulo.

 

Mas o popup não está funcionando, ao clicar em um item da lista deveria abrir o popup com o respectivo texto cadastrado naquele item, mas não está funcionando.

 

Esse foi o código do popup que eu fiz:

 

  <?
       $titulo = "Adequação";
 
        $sql = "SELECT * FROM servicos WHERE titulo = '$titulo' ";
         $sql = $pdo->query($sql);
        if($sql->rowCount()>0){
           foreach($sql->fetchAll() as $servicos){
      
echo '<div id="modal-servicos" class="modal-container">';
echo '<div class="modaldentro">';
echo       '<button class="fecharmodal">X</button>';
echo          '<h3>'.$servicos['lista'].'</h3>';
echo         '<p>'.$servicos['popup'].'</p>';
echo     '</div>';
echo '</div>';
}
}
?>

Alguem pode me ajudar a corrigir o meu código e fazer funcionar?

 

Obrigado