Tantos div como salidas de una consulta

Iniciado por bgnumis, 8 Octubre 2017, 19:03 PM

0 Miembros y 1 Visitante están viendo este tema.

bgnumis

Hola,

A ver si me podéis ayudar. Tengo una tabla de productos y otra tabla de imágenes (en productos está id, idproducto, titulo, descripcion, precio, ideusuario, fechareg). En imágenes está id, idproducto, file, fechareg.

La cuestión es que en la web quisiera que me mostrara el siguiente código pero por cada producto que esté en la tabla productos (cuyas imágenes están en imágenes). El tema es que como los usuarios insertarán productos yo se que los productos son "n" pero no sé cuantos:

Código (php) [Seleccionar]



<div class="col-sm-6 col-md-3">
           <div class="thumbnail">
             <a href="#"><img src="img/img-default.jpg" alt="Titulo del objeto"></a>
             <div class="caption">
               <div class="caption">
                               <h4 class="pull-right">$24.99</h4>
                               <h4><a href="#">First Product</a>
                               </h4>
                               <p>See more snippets like this online store item at <a target="_blank" href="http://www.bootsnipp.com">Bootsnipp - http://bootsnipp.com</a>.</p>
                                 </div>
               </div>
             
                            <p class="text-center">
                 <a href="#" class="btn btn-azul" role="button">Ver producto</a>
                 <a href="#" class="btn btn-naranja" role="button">Lista de deseos</a>
               </p>
           </div>
         </div>





¿Entiendo que para que me salga este bloque para cada producto debo utilizar un for o un while? ¿debería unir la tabla productos con imágenes?

Lo que quiero es que por cada bucle me saque en img/img-default.jpg la imagen de imagénes del producto "i" donde pone $24.99 (que ponga el precio del producto de la tabla productos asociado a la imagen y usuario que lo ha insertado) así como la descripción etc.

Espero haberme explicado, a ver si me podéis decir si este bucle que me "muestre" tantos productos (con el código de arriba) como hay en la tabla productos .

Estoy leyendo sobre ello pero si alguien me puede ayudar un poco bienvenido sea.

Muchas Gracias




Hola a ver si me podéis ayudar:

Hago esta consulta
Código (php) [Seleccionar]
$busqueda=mysql_query("SELECT * FROM productos") ;

Y si en el código pongo

Código (php) [Seleccionar]


<?php

  
  
while($muestra=@mysql_fetch_array($busqueda)){



    
?>

    <div class="col-sm-6 col-md-3">
           <div class="thumbnail">
             <a href="#"><img src="img/img-default.jpg" alt="Titulo del producto"></a>
             <div class="caption">
               <div class="caption">
                               <h4 class="pull-right">$24.99</h4>
                               <h4><a href="#">First Product</a>
                               </h4>
                               <p> <?php echo $muestra['descripcion']; ?> <a target="_blank" href="http://www.bootsnipp.com">Bootsnipp - http://bootsnipp.com</a>.</p>
                                 </div>
               </div>
             
                            <p class="text-center">
                 <a href="#" class="btn btn-azul" role="button">Ver producto</a>
                 <a href="#" class="btn btn-naranja" role="button">Lista de deseos</a>
               </p>
           </div>
         </div>



       
<?php
   
}

?>






Sí que me muestra de cada producto la descripción. La duda viene aquí;

Si las imágenes de cada producto están en otra tabla imágenes y el campo que tienen en común es el idproducto ¿Cómo hago para que aparezcan? Estoy intentando un echo pero no lo consigo.

Si hubiera más de una imagen por idproducto, el siguiente paso será buscar como hacer ahí un rolling de imágenes.

A ver si alguno puede ayudarme.





Ah, mi idea es que todas las imágenes independientemente de su tamaño original y extensión ocupen un tamaño determinado 100px por 100px por ejemplo. A ver si me podéis dar alguna pista.


Mod: No hacer triple post.

#!drvy

- No hagas doble post ni triple ni cuádruple. Esta en contra de las reglas del foro.
- Los temas sobre PHP, van al subforo de PHP. De nuevo, esta indicado en las reglas del foro.
- El uso de mysql_query esta desaconsejado pues es una librería que ya no recibe soporte y ha sido eliminada en versiones posteriores a PHP 5.

[Obligatorio] Normas del subforo de Desarrollo Web.
https://foro.elhacker.net/desarrollo_web/obligatorio_normas_del_subforo_de_desarrollo_web_13102015-t407889.0.html

Dicho esto,


Código (php) [Seleccionar]
<?php

// Conexion
$mysqli = new mysqli('localhost''root''toor''test');


// Query
$query 'SELECT * FROM productos';
$result $mysqli->query($query);


// Si el query da resultado..
if($result){

    
// Por cada item..
    
while ($muestra mysqli_fetch_assoc($result)) {
        
?>


       <div class="col-sm-6 col-md-3">
           <div class="thumbnail">
             <a href="#"><img src="img/img-default.jpg" alt="Titulo del producto"></a>
             <div class="caption">
               <div class="caption">
                               <h4 class="pull-right">$24.99</h4>
                               <h4><a href="#">First Product</a>
                               </h4>
                               <p> <?php echo $muestra['descripcion']; ?> <a target="_blank" href="http://www.bootsnipp.com">Bootsnipp - http://bootsnipp.com</a>.</p>
                                 </div>
               </div>

                            <p class="text-center">
                 <a href="#" class="btn btn-azul" role="button">Ver producto</a>
                 <a href="#" class="btn btn-naranja" role="button">Lista de deseos</a>
               </p>
           </div>
         </div>

       <?php
    
}

}



CitarSi las imágenes de cada producto están en otra tabla imágenes y el campo que tienen en común es el idproducto ¿Cómo hago para que aparezcan? Estoy intentando un echo pero no lo consigo.

Tendrias que hacer un multi-query.
Código (php) [Seleccionar]
SELECT * FROM productos, imagenes WHERE productos.id_imagen = imagenes.id

Esto te retornara todos los productos que tienen una imagen, suponiendo que la tabla de imágenes se llama "imagenes" y que la tabla productos contiene una columna "id_imagen" que tiene el mismo contenido que la columna id de la tabla imagenes.

CitarAh, mi idea es que todas las imágenes independientemente de su tamaño original y extensión ocupen un tamaño determinado 100px por 100px por ejemplo. A ver si me podéis dar alguna pista.

Eso es CSS.

Código (css) [Seleccionar]
.thumbnail img {
   width: 100px;
   height: 100px;
}


Saludos

bgnumis

Hola,

Mil gracias. Lo pruebo ahora cuando vuelva he salido a correr que me estaba volviendo loco.

Tengo que pasarme a mysqli ya.

Lo de múltiple post no me he dado cuenta si lo he hecho. Sorry. Mil gracias.