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>