Ordenar por categorias dependientes.

rakshaka · #1 (**permalink**) 27/01/2014, 13:30

A ver si pueden ayudarme.

Tengo productos asociados a categorias.
Esta es la conex:

Código PHP:

  $productos = mysql_query("SELECT categorias.*,productos.* FROM categorias,productos WHERE categorias.categoria_id = productos.categoria_padre ORDER BY categorias.categoria_nombre ASC , productos.nombre ASC");

Todo anda bien, el problema que poseo es en el script que me organiza en la misma página la categoría y abajo me ordena los productos.
Hacerlo lo hace, pero, no puedo cerrar los dos divs que quedan.

Código PHP:

  <?php 

                $catactual = NULL;

                while ($fila = mysql_fetch_assoc($productos)) {

                    if ($catactual != $fila['categoria_id']) {

                ?>

                <div class="recent-projects">

                   <h4 class="title"><span><?php echo $fila['categoria_nombre']; ?></span></h4>

                <div class="projects-carousel touch-carousel">

                <?php 

                        $catactual = $fila['categoria_id'];

                        }

                ?>

                            <div class="portfolio-item item">

                                <div class="portfolio-border">

                                    <div class="portfolio-thumb">

                                        <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">

                                            <div class="thumb-overlay"><i class="icon-video-1"></i></div>

                                            <img alt="" src="images/<?php echo $fila['imagen']; ?>" />

                                        </a>

                                    </div>

                                    <div class="portfolio-details">

                                        <a href="#">

                                            <h4><?php echo $fila['nombre']; ?></h4>

                                        </a>

                                    </div>

                                </div>

                            </div>

                <?php 

                    }

                ?>

Necesito que una vez que esa categoria no tenga mas elementos que mostrar pase a otra cerrandome los divs:
<div class="recent-projects">
<div class="projects-carousel touch-carousel">

Que son los que inician arriba del script.

Solo necesito cerrar esos dos divs para que cargue la categoría siguiente.

Espero puedan ayudarme

rakshaka · #2 (**permalink**) 27/01/2014, 14:30

Probe poniendole echo "</div></div>"; antes y despues del último } pero nada :(

Alexis88 · #3 (**permalink**) 27/01/2014, 15:10

Si te fijas bien, estás cerrando la condición en donde aparecen dichos Divs antes de que cierres a éstos, creo que así estaría mejor:

Código PHP:

Ver original<?php  
$catactual = NULL; 
while ($fila = mysql_fetch_assoc($productos)) { 
    if ($catactual != $fila['categoria_id']) { 
?> 
        <div class="recent-projects"> 
            <h4 class="title"><span><?php echo $fila['categoria_nombre']; ?></span></h4> 
            <div class="projects-carousel touch-carousel"> 
<?php  
                $catactual = $fila['categoria_id']; 
?> 
                <div class="portfolio-item item"> 
                    <div class="portfolio-border"> 
                        <div class="portfolio-thumb"> 
                            <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485"> 
                                <div class="thumb-overlay"><i class="icon-video-1"></i></div> 
                                <img alt="" src="images/<?php echo $fila['imagen']; ?>" /> 
                            </a> 
                        </div> 
                        <div class="portfolio-details"> 
                            <a href="#"> 
                                <h4><?php echo $fila['nombre']; ?></h4> 
                            </a> 
                        </div> 
                    </div> 
                </div> 
            </div>
        </div>
<?php  
    }
} 
?>

Saludos

rakshaka · #4 (**permalink**) 27/01/2014, 15:18

No, el resultado de eso es esto:

Código PHP:

  <div class="recent-projects">

                <h4 class="title"><span>Categoria 1</span></h4>

                <div class="projects-carousel touch-carousel">

                        <div class="portfolio-item item">

                        <div class="portfolio-border">

                            <div class="portfolio-thumb">

                                <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">

                                    <div class="thumb-overlay"><i class="icon-video-1"></i></div>

                                    <img alt="" src="images/portfolio-01.jpg" />

                                </a>

                            </div>

                            <div class="portfolio-details">

                                <a href="#">

                                    <h4>Producto numero 1</h4>

                                </a>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

                <div class="recent-projects">

                <h4 class="title"><span>Categoria 2</span></h4>

                <div class="projects-carousel touch-carousel">

                        <div class="portfolio-item item">

                        <div class="portfolio-border">

                            <div class="portfolio-thumb">

                                <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">

                                    <div class="thumb-overlay"><i class="icon-video-1"></i></div>

                                    <img alt="" src="images/portfolio-03.jpg" />

                                </a>

                            </div>

                            <div class="portfolio-details">

                                <a href="#">

                                    <h4>Producto numero 3</h4>

                                </a>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

Cuando debería ser esto:

Código PHP:

  <div class="recent-projects">

                   <h4 class="title"><span>Categoria 1</span></h4>

                <div class="projects-carousel touch-carousel">

                                            <!-- INICIA -->

                            <div class="portfolio-item item">

                                <div class="portfolio-border">

                                    <!-- Start Project Thumb -->

                                    <div class="portfolio-thumb">

                                        <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">

                                            <div class="thumb-overlay"><i class="icon-video-1"></i></div>

                                            <img alt="" src="images/portfolio-01.jpg" />

                                        </a>

                                    </div>

                                    <!-- End Project Thumb -->

                                    <!-- Start Project Details -->

                                    <div class="portfolio-details">

                                        <a href="#">

                                            <h4>Producto numero 1</h4>

                                        </a>

                                    </div>

                                    <!-- End Project Details -->

                                </div>

                            </div>

                            <!-- TERMINA -->

               </div>

               </div>

                

 
                  <div class="recent-projects">

                   <h4 class="title"><span>Categoria 2</span></h4>

                <div class="projects-carousel touch-carousel">

                                            <!-- INICIA -->

                            <div class="portfolio-item item">

                                <div class="portfolio-border">

                                    <!-- Start Project Thumb -->

                                    <div class="portfolio-thumb">

                                        <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">

                                            <div class="thumb-overlay"><i class="icon-video-1"></i></div>

                                            <img alt="" src="images/portfolio-03.jpg" />

                                        </a>

                                    </div>

                                    <!-- End Project Thumb -->

                                    <!-- Start Project Details -->

                                    <div class="portfolio-details">

                                        <a href="#">

                                            <h4>Producto numero 3</h4>

                                        </a>

                                    </div>

                                    <!-- End Project Details -->

                                </div>

                            </div>

                            <!-- TERMINA -->

                </div>

</div>

De hecho con tu script no me muestra si en la categoria hay 2 productos dentro. Solo uno por categoria.

rakshaka · #5 (**permalink**) 27/01/2014, 15:21

Simplifico el codigo asi... la imagen deberia repetirse dependiendo el nombre de la categoria que esta en h4...

Osea: Categoria 1 tiene foto 1 y 2, Categoria 2 Tiene foto 4 5 6 7 y asi.

Código PHP:

  <?php 
                $catactual = NULL;
                while ($fila = mysql_fetch_assoc($productos)) {
                    if ($catactual != $fila['categoria_id']) {
                ?>
                <!--Start Recent Projects-->
                <div>
                   <h4><?php echo $fila['categoria_nombre']; ?></h4>
                <div>
                <?php 
                        $catactual = $fila['categoria_id'];
                        }
                ?>
                            <!-- INICIA -->
                                <div>
                                            <img alt="" src="images/<?php echo $fila['imagen']; ?>" />
                                </div>
                            <!-- TERMINA -->
                <?php
                    }
                    echo "</div></div>";
                ?>

debo cerrar esos dos divs cuando la categoria se termine y ponga la segunda.

Alexis88 · #6 (**permalink**) 27/01/2014, 15:33

Te lo sugerí así porque en el código original, lo tenías de esta forma:

Código PHP:

Ver original<?php
while ($fila = mysql_fetch_assoc($productos)) { 
    if ($catactual != $fila['categoria_id']) { 
?> 
        <div class="recent-projects"> 
            <h4 class="title"><span><?php echo $fila['categoria_nombre']; ?></span></h4> 
            <div class="projects-carousel touch-carousel"> 
<?php  
                $catactual = $fila['categoria_id']; 
    } 
?>

Hay dos Divs que aparecen cuando se cumple la condición, pero cierras la condición antes de cerrar los Divs, por eso se te presenta ese inconveniente.

rakshaka · #7 (**permalink**) 27/01/2014, 15:41

Ya probe cerrando la condición mas abajo e igual no sale

Alexis88 · #8 (**permalink**) 27/01/2014, 15:45

¿Pero la cierras después de haber cerrado a los Divs?, sería de mucha ayuda que nos muestres los cambios que has hecho para poder ayudarte.

rakshaka · #9 (**permalink**) 27/01/2014, 15:52

Probe asi y no hay caso:

Código PHP:

  <?php 

                $catactual = NULL;

                while ($fila = mysql_fetch_assoc($productos)) {

                    if ($catactual != $fila['categoria_id']) {

                        

                        

                ?>

                <!--Start Recent Projects-->

                <div class="recent-projects">

                   <h4 class="title"><span><?php echo $fila['categoria_nombre']; ?></span></h4>

                <div class="projects-carousel touch-carousel">

                <?php 

                        $catactual = $fila['categoria_id'];

                ?>

                            <!-- INICIA -->

                            <div class="portfolio-item item">

                                <div class="portfolio-border">

                                    <!-- Start Project Thumb -->

                                    <div class="portfolio-thumb">

                                        <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">

                                            <div class="thumb-overlay"><i class="icon-video-1"></i></div>

                                            <img alt="" src="images/<?php echo $fila['imagen']; ?>" />

                                        </a>

                                    </div>

                                    <!-- End Project Thumb -->

                                    <!-- Start Project Details -->

                                    <div class="portfolio-details">

                                        <a href="#">

                                            <h4><?php echo $fila['nombre']; ?></h4>

                                        </a>

                                    </div>

                                    <!-- End Project Details -->

                                </div>

                            </div>

                            <!-- TERMINA -->

                <?php

                    }

                    }

                    echo "</div></div>";

                

                ?>

También probé:

rakshaka · #10 (**permalink**) 27/01/2014, 15:58

El otro no lo pongo porque realmente no funciono

Alexis88 · #11 (**permalink**) 27/01/2014, 16:03

Date cuenta que sigues intentando cerrar los Divs después de cerrar la condición y ahora también después de cerrar el bucle. Te sugiero que ordenes tu código, indenta por jerarquías, eso hago cuando tengo mucho código dentro de condiciones para luego no marearme y cometer errores.

rakshaka · #12 (**permalink**) 27/01/2014, 16:14

Sabes que no lo encuentro. Creo que se me ha quemado el cerebro. me he quedado en este punto y no puedo encontrar la solución...

Simplifique todo el código e igual no puedo hacerlo.

<?php
$catactual = NULL;
while ($fila = mysql_fetch_assoc($productos)) {
if ($catactual != $fila['categoria_id']) {
echo $fila['categoria_nombre'];
$catactual = $fila['categoria_id'];
}
echo "<li>".$fila['nombre']."</li>";
}
echo "</ul>";
?>

Alexis88 · #13 (**permalink**) 27/01/2014, 16:44

No sé cómo esté estructurada tu BD, pero presumo que pretendes hacer algo similar a esto:

Código PHP:

Ver original<?php
$query = mysql_query("SELECT * FROM tabla");
if (mysql_num_rows($query)){
    while ($row = mysql_fetch_array($quey)){
?>
        <div>
            <h4> <?=$row["titulo"]?> </h4>
        </div>
 
        <div>
            <a href = 'ejemplo.php?id=<?=$row["id"]?>'>
                <img src = '<?=$row["imagen"]?>' />
            </a>
        </div>
 
        <div>
            <h4> <?=$row["producto"]?> </h4>            
        </div>
<?php        
    }
}
?>

Si es parecido a lo que buscas, adáptalo a tus necesidades, saludos.

rakshaka · #14 (**permalink**) 27/01/2014, 16:50

No, eso no me funciona porque yo tengo dos tablas... Una de productos y otra de categorias.

La tabla productos esta ligada a la de categorias:

Código PHP:

  $productos = mysql_query("SELECT categorias.*,productos.* FROM categorias,productos WHERE categorias.categoria_id = productos.categoria_padre ORDER BY categorias.categoria_nombre ASC , productos.nombre ASC");

Alexis88 · #15 (**permalink**) 27/01/2014, 16:53

Hombre, la consulta es lo de menos, te estoy tratando de decir que analices la forma en como estructuro los datos a mostrar, puedes hacer JOINs con más tablas si gustas, ese es tema aparte.

rakshaka · #16 (**permalink**) 27/01/2014, 16:57

Ok, olvidate que sepa mucho de php amigo... porque soy muy nuevo. Ese script lo tenía guardado y a penas entiendo como funciona.

Pruebo y pruebo y nada.

Alexis88 · #17 (**permalink**) 27/01/2014, 17:06

Es que ya no se trata del lenguaje que estés usando sino de orden en la estructura mediante la cual presentas los datos, es lo que vengo diciéndote desde el primer comentarios, cierras los Divs después de haber cerrado la condición y el bucle que los contienen y eso está mal, debes ir cerrando de adentro hacia afuera.

Código PHP:

Ver original<?php
while ($condicion1){ //Inicio del bucle
    if ($condicion2){ //Inicio de la condición
?>
        <div> <!-- Inicio del Div -->
            Hola Mundo
        </div> <!-- Fin del Div -->
<?php
    } //Fin de la condición
} //Fin del bucle
?>

Si sigues y mantienes un orden, no tendrás complicaciones con cosas tan sencillas como estas. Saludos.

rakshaka · #18 (**permalink**) 27/01/2014, 17:19

A ver si esto esta bien? pero no anda igual:

Código PHP:

Ver original<?php 
                //Catactual viene Nulo
                $catactual = NULL;
                //Inicio Bucle de conección a categorias y productos
                while ($fila = mysql_fetch_assoc($productos)) {
                    //Si la categoria actual es distinta a la ID de la categoria
                if ($catactual != $fila['categoria_id']) {
                ?>
                <!--Start Recent Projects-->
                <div class="recent-projects">
                   <h4 class="title"><span><?php echo $fila['categoria_nombre']; ?></span></h4>
                <div class="projects-carousel touch-carousel">
                <?php 
                //transforma Categoriactual en la categoria_id
                $catactual = $fila['categoria_id'];
                if ($catactual == $fila['categoria_padre']) {
                ?>
                            <!-- INICIA -->
                            <div class="portfolio-item item">
                                <div class="portfolio-border">
                                    <!-- Start Project Thumb -->
                                    <div class="portfolio-thumb">
                                        <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
                                            <div class="thumb-overlay"><i class="icon-video-1"></i></div>
                                            <img alt="" src="images/<?php echo $fila['imagen']; ?>" />
                                        </a>
                                    </div>
                                    <!-- End Project Thumb -->
                                    <!-- Start Project Details -->
                                    <div class="portfolio-details">
                                        <a href="#">
                                            <h4><?php echo $fila['nombre']; ?></h4>
                                        </a>
                                    </div>
                                    <!-- End Project Details -->
                                </div>
                            </div>
                            <!-- TERMINA -->
                <?php
                } //Cierra el IF
                } //CIERRA EL PRIMER IF
                } //Cierra el WHILE
                ?>

rakshaka · #19 (**permalink**) 27/01/2014, 17:21

Lamento estarte comiendo la cabeza con esto pero realmente desde las 8 de la mañana estoy con esto y no puedo sacarlo!

Alexis88 · #20 (**permalink**) 27/01/2014, 17:33

Dale con calma hermano, no eres el primer ni el último programador que algunas vez se haya estancado en alguna sección de su código. No te satures, descansa y mañana, ya descansado y con más calma, inténtalo nuevamente, si no puedes con una forma, hazlo con otra y sino, con otra, pero nunca caigas en la desesperación.

Saludos

rakshaka · #21 (**permalink**) 27/01/2014, 18:12

Intentaré bueno por las dudas a ver si tu sabes como puedo programarlo:

La tabla es esta:

Código MySQL:

Ver originalCREATE TABLE IF NOT EXISTS `categorias` (
  `categoria_id` bigint(200) NOT NULL,
  `categoria_nombre` varchar(200) NOT NULL,
  `categoria_nombre_en` varchar(200) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
 
CREATE TABLE IF NOT EXISTS `productos` (
  `producto_id` bigint(200) NOT NULL AUTO_INCREMENT,
  `nombre` varchar(255) DEFAULT NULL,
  `nombre_en` varchar(200) DEFAULT NULL,
  `descripcion` text,
  `descripcion_en` text,
  `imagen` varchar(200) DEFAULT NULL,
  `categoria_padre` int(200) NOT NULL,
  PRIMARY KEY (`producto_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=0 ;

rakshaka · #22 (**permalink**) 28/01/2014, 06:44

Hoy 10am no doy con el resultadoooooooooooooooooooooamksamkn anl fasnlfsa nlfa snlsa nls alnksa !!!!!!!!!!!!!!!!

Alexis88 · #23 (**permalink**) 28/01/2014, 10:37

Analizando con más calma tu problema, el inconveniente se te presenta porque estás intentando mostrar todas las imágenes relacionadas a una categoría, pero con una consulta inadecuada, puesto que de ese modo, siempre mostrarás una y solamente una imagen por cada categoría.

Lo que debes hacer es agrupar a todos los nombres e imágenes asociadas a cada categorías y cuando imprimas los datos de la categoría, también imprimes a todos los nombres e imágenes que estén asociadas a dicha categoría, así con cada una.

Código PHP:

Ver original<?php
$query = mysql_query("SELECT C.*, GROUP_CONCAT(P.nombre) AS name, GROUP_CONCAT(P.imagen) AS img FROM categorias C INNER JOIN productos P ON C.categoria_id = P.categoria_padre GROUP BY C.categoria_id ORDER BY C.categoria_nombre ASC, P.nombre ASC");
if (mysql_num_rows($query)){
    $catactual = NULL;
    while ($row = mysql_fetch_array($query)){
        if ($catactual != $row["categoria_id"]){
            $catactual = $row["categoria_id"];
?>
            <div class = "recent-projects">
                <h4 class="title">
                    <span>
                        <?=$row["categoria_nombre"]?>
                    </span>
                </h4>
                <div class = "projects-carousel touch-carousel">
<?php
                    $nombres = explode(",", $row["name"]);
                    $imagenes = explode(",", $row["img"]);
                    for ($i = 0, $limite = count($nombres); $i < $limite; $i++){
?>              
                        <div class = "portfolio-item item"> 
                            <div class = "portfolio-border"> 
                                <div class = "portfolio-thumb"> 
                                    <a class = "lightbox" data-lightbox-type = "ajax" href = "https://vimeo.com/78468485"> 
                                        <div class="thumb-overlay">
                                            <i class="icon-video-1"></i>
                    </div> 
                                        <img src="images/<?php echo $imagenes[$i]; ?>" /> 
                                    </a> 
                                </div> 
                                <div class="portfolio-details"> 
                                    <a href="#"> 
                                        <h4><?=$nombres[$i]?></h4> 
                                    </a> 
                                </div> 
                            </div> 
                        </div>
<?php
                    }
?>                   
                </div>
            </div>
<?php
        }
    }
}
?>

En esencia, con GROUP_CONCAT, agrupo a todos los nombres e imágenes que estén relacionadas a cada categoría, por ejemplo, categoría 1 tiene los nombres A1, A2 y A3 y las imágenes A1.jpg, A2.jpg, A3.jpg, de este modo, dichos nombres e imágenes son agrupados junto a ese registro y cuando imprimo la información, quito las comas con las que esta función de MySQL agrupa a los datos, convirtiéndose dicho grupo en un array y dado a que debe existir la misma cantidad de nombres como de imágenes, recorro con un bucle al array de los nombres y en cada iteración, muestro la imagen y nombre respectivo estando aún dentro del Div principal de la categoría en curso. Así será con cada categoría.

Saludos

rakshaka · #24 (**permalink**) 28/01/2014, 11:37

SOS UN GENIOOOOOOOOOOOOOOO esa era la solución... como me costó por favor... Sos un genio...

Ahora entendí el problema.

Te pido lo último a ver si me puedes ayudar en otro problema que tengo creando categorias y subcategorias.

Te dejo puntos hasta que se me caigan los deods jajaja...

http://www.forosdelweb.com/f18/lista...tabla-1089145/