0

Tengo una pagina de venta de productos, en la página principal tengo los datos mostrados con cards de bootstrap. Y al darle click quiero que me direccione a una nueva pagina donde se muestra el detalle del producto, pero cómo envío los datos del producto a esa otra página?

Esta es mi sección donde muestro los productos

<?php
$product = "SELECT id_producto, nombre_producto, descripcion_producto, precio_producto, imagen_producto, id_properso FROM PRODUCTO";
$rproduct = $con -> query($product);
?>
<section class="content" id="muestraproducto">
   <div class="containter-fluid" id="modulo_producto">
      <div class="row">
      <?php while($rowpro = $rproduct->fetch_array(MYSQLI_ASSOC)){ ?>
         <div class="col-md-3">
            <div class="card <?php if($rowpro['id_properso'] != NULL || $row['id_properso'] != ''){ echo "card-outline card-warning";}?>">
               <a href="#" id="btneditFotopro" value="<?php echo $rowpro['id_producto']; ?>">
                  <img class="card-img-top" src="../data/bodega/Productos/<?php if($rowpro['imagen_producto'] == NULL){echo 'default.png';}else{echo $rowpro['imagen_producto'];}?>" onmouseout="this.src='../data/bodega/Productos/<?php if($rowpro['imagen_producto'] == NULL){echo 'default.png';}else{echo $rowpro['imagen_producto'];}?>';" onmouseover="this.src='../assets/img/edit.png';">
               </a>
               <div class="card-body">
                  <h5 class="card-title"><strong><?php echo $rowpro['nombre_producto'] ?></strong></h5>
                  <p class="card-text" style="font-size:15px">
                     <?php echo $rowpro['descripcion_producto'] ?>
                     </br>
                     <h5><span class="badge badge-info">Q.<?php echo $rowpro['precio_producto'];?>.00</span></h5>
                  </p>
               </div>
            </div>
         </div>
         <?php } ?>
      </div>
   </div>
</section>
9
  • Hola, por que necesitas los datos del producto a la nueva seccion??
    – user46896
    Commented el 17 oct. 2021 a las 21:03
  • depende como estes haciendo la web hay muchas formas de pasar datos: por URL, por POST o por GET ...
    – user46896
    Commented el 17 oct. 2021 a las 21:04
  • si no conoces sobre el tema te sugiero que investigues o tomes un tutorial de como implementar el envio de datos por los metodos que te mencione
    – user46896
    Commented el 17 oct. 2021 a las 21:04
  • si yo te preguntara que has hecho, es por que para poder ayduarte necesito ver que has hecho en para lograr el objetivo; ya que el codigo que muestra, como dices solo muestra los cards...
    – user46896
    Commented el 17 oct. 2021 a las 21:05
  • te recomiendo que pases por aquí: recorrido de bienvenida y que te leas estos artículos: centro de ayuda, centro de ayuda, centro de ayuda y que arregles tu pregunta mirando este articulo: ejemplo mínimo verificable tambien puedes pedir ayuda en: Chat de Stack Overflow en español
    – user46896
    Commented el 17 oct. 2021 a las 21:05

1 respuesta 1

0

Siguiendo con la misma lógica deberías agregar un elemento html <a> con el atributo href que apunte a la pagina de detalle y pasar por parámetro el id_producto

 <?php while($rowpro = $rproduct->fetch_array(MYSQLI_ASSOC)){ ?>
         <div class="col-md-3">
           <!--Esta es la etiqueta nueva -->
          <a href="direccionAdetalle.php?id=<?php echo $rowpro['id_properso']; ?>">
            <div class="card <?php if($rowpro['id_properso'] != NULL || $row['id_properso'] != ''){ echo "card-outline card-warning";}?>">
               <a href="#" id="btneditFotopro" value="<?php echo $rowpro['id_producto']; ?>">
                  <img class="card-img-top" src="../data/bodega/Productos/<?php if($rowpro['imagen_producto'] == NULL){echo 'default.png';}else{echo $rowpro['imagen_producto'];}?>" onmouseout="this.src='../data/bodega/Productos/<?php if($rowpro['imagen_producto'] == NULL){echo 'default.png';}else{echo $rowpro['imagen_producto'];}?>';" onmouseover="this.src='../assets/img/edit.png';">
               </a>
               <div class="card-body">
                  <h5 class="card-title"><strong><?php echo $rowpro['nombre_producto'] ?></strong></h5>
                  <p class="card-text" style="font-size:15px">
                     <?php echo $rowpro['descripcion_producto'] ?>
                     </br>
                     <h5><span class="badge badge-info">Q.<?php echo $rowpro['precio_producto'];?>.00</span></h5>
                  </p>
               </div>
            </div>
             <!--Recuerda cerrar la etiqueta -->
            </a>
         </div>
<?php } ?>

En la pagina destino debes obtener el id_producto mediante la variable GET

<?php

$id = $_GET["id"] ;


obtenemos los datos de ese producto
$product = "SELECT id_producto, nombre_producto, descripcion_producto, precio_producto, imagen_producto, id_properso FROM PRODUCTO WHERE id_producto = $id";
$rproduct = $con -> query($product);
?>

Documentación:

1
  • 1
    Muchas gracias por tu respuesta, me fue muy útil, lo estaba probando con el método POST pero creo que este esta mejor. Muchas gracias:)
    – Lina Gonza
    Commented el 19 oct. 2021 a las 23:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.