Gsanjurjo Posted July 20, 2015 Share Posted July 20, 2015 (edited) Buenas, En primer lugar, si el post no se encuentra en la sección correcta os pido que me aviséis y lo moveré a donde corresponda. Una vez dicho esto: La cuestión es que he estado buscando solución por el foro al problema que tengo pero no lo doy resuelto. El problema en cuestión es que con determinados productos, al aparecer en la cuadrícula, salen desplazados de lugar, y eso hace que se generen huecos en blanco dentro de la cuadrícula. Como creo que no soy el mejor del mundo haciéndome entender, os dejo unas capturas de mi tienda, que podéis visitar en www.piezasdecamion.com. En la primera captura, el error se produce en la cuadrícula de "Novedades", del módulo de productos destacados, en la página de inicio. En la segunda imagen, sin embargo, se produce el mismo error pero esta vez en el listado de productos dentro de una categoría. Mencionar también que por ahora el problema sólo lo he detectado con los productos de la categoría "ACITOINOX", que han sido los últimos en ser subidos a la web y, por ello, son los que aparecen en el módulo de "Novedades". Estaré muy agradecido de cualquier ayuda que me podáis brindar. Gracias de antemano, Un saludo!!!! Edited July 20, 2015 by Gsanjurjo (see edit history) Link to comment Share on other sites More sharing options...
joseantgv Posted July 20, 2015 Share Posted July 20, 2015 Buenas, En primer lugar, si el post no se encuentra en la sección correcta os pido que me aviséis y lo moveré a donde corresponda. Una vez dicho esto: La cuestión es que he estado buscando solución por el foro al problema que tengo pero no lo doy resuelto. El problema en cuestión es que con determinados productos, al aparecer en la cuadrícula, salen desplazados de lugar, y eso hace que se generen huecos en blanco dentro de la cuadrícula. Como creo que no soy el mejor del mundo haciéndome entender, os dejo unas capturas de mi tienda, que podéis visitar en www.piezasdecamion.com. En la primera captura, el error se produce en la cuadrícula de "Novedades", del módulo de productos destacados, en la página de inicio. En la segunda imagen, sin embargo, se produce el mismo error pero esta vez en el listado de productos dentro de una categoría. Mencionar también que por ahora el problema sólo lo he detectado con los productos de la categoría "ACITOINOX", que han sido los últimos en ser subidos a la web y, por ello, son los que aparecen en el módulo de "Novedades". Estaré muy agradecido de cualquier ayuda que me podáis brindar. Gracias de antemano, Un saludo!!!! Hola, el problema es que cada producto no mide lo mismo de alto. Te pasa lo mismo que a este usuario: https://www.prestashop.com/forums/topic/450550-productos-descolocados-en-la-parrilla/ El problema es que su plantilla tenía unas clases que no tiene las tuyas. Quizás podrías contactar con el diseñador de la plantilla.. 1 Link to comment Share on other sites More sharing options...
Gsanjurjo Posted July 20, 2015 Author Share Posted July 20, 2015 Muchas gracias por tu respuesta. Le he enviado la consulta al diseñador del theme que estoy utilizando. Sin embargo, por no querer quedarme quieto hasta que me mandase una respuesta, he leido el post del link que me has enviado y, a pesar de que la solución no me servía me dio una idea de lo que podía hacer. Dejo aquí mi solución por si pudiera ser de interés para alguien más. Al final lo que he hecho son dos cosas: 1º Por una parte, me he ido a themes/MegaShop(la plantilla que uso yo)/css/product_list.css y he cambiado lo siguiente #product_list li { text-align: center; border-bottom: 1px solid #EEEEEE; float: left; width:200px; Y lo he dejado así: #product_list li { text-align: center; border-bottom: 1px solid #EEEEEE; float: left; width:200px; height:335px; Añadiendo la altura que considero correcta para la cuadrícula de productos. Parece que todo funciona a la perfección y ya no hay errores en las cuadrículas de las listas de productos dentro de las categorías. 2º El apaño anterior no me solucionaba el problema dentro del módulo de destacados de la página de inicio, así que he hecho lo siguiente: He ido a modules/tptnprodcarousel/tptnprodcarousel-list.tpl y he modificado: <li class="ajax_block_product"> <a class="product_image" href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}"> <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" /> </a> Por esto: <li class="ajax_block_product" style="height: 335px;"> <a class="product_image" href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}"> <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" /> </a> Así he conseguido una altura fija en todas las celdas de manera que tengan la misma longitud. Por tanto, a pesar de que tu mensaje parecía que no me iba a poder ayudar, joseantgv, me ha sido de muchísima utilidad. Por favor, dime si la solución propuesta es correcta o me puede dar más errores por otro lado. Link to comment Share on other sites More sharing options...
joseantgv Posted July 20, 2015 Share Posted July 20, 2015 Muchas gracias por tu respuesta. Le he enviado la consulta al diseñador del theme que estoy utilizando. Sin embargo, por no querer quedarme quieto hasta que me mandase una respuesta, he leido el post del link que me has enviado y, a pesar de que la solución no me servía me dio una idea de lo que podía hacer. Dejo aquí mi solución por si pudiera ser de interés para alguien más. Al final lo que he hecho son dos cosas: 1º Por una parte, me he ido a themes/MegaShop(la plantilla que uso yo)/css/product_list.css y he cambiado lo siguiente #product_list li { text-align: center; border-bottom: 1px solid #EEEEEE; float: left; width:200px; Y lo he dejado así: #product_list li { text-align: center; border-bottom: 1px solid #EEEEEE; float: left; width:200px; height:335px; Añadiendo la altura que considero correcta para la cuadrícula de productos. Parece que todo funciona a la perfección y ya no hay errores en las cuadrículas de las listas de productos dentro de las categorías. 2º El apaño anterior no me solucionaba el problema dentro del módulo de destacados de la página de inicio, así que he hecho lo siguiente: He ido a modules/tptnprodcarousel/tptnprodcarousel-list.tpl y he modificado: <li class="ajax_block_product"> <a class="product_image" href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}"> <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" /> </a> Por esto: <li class="ajax_block_product" style="height: 335px;"> <a class="product_image" href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}"> <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" /> </a> Así he conseguido una altura fija en todas las celdas de manera que tengan la misma longitud. Por tanto, a pesar de que tu mensaje parecía que no me iba a poder ayudar, joseantgv, me ha sido de muchísima utilidad. Por favor, dime si la solución propuesta es correcta o me puede dar más errores por otro lado. Es correcta, pero te podría dar problemas si por ejemplo el contenido fuese más alto que la medida que has puesto, ya que se cortaría. Por ejemplo si la descripción fuese más larga. El título veo que se trunca por lo que no sería un problema, siempre va a ocupar una línea. Revisa también en responsive si con la media que has puesto aparece correctamente. 1 Link to comment Share on other sites More sharing options...
Gsanjurjo Posted July 20, 2015 Author Share Posted July 20, 2015 Perfecto, revisaré lo que me comentas. Muchas gracias!!! P.D: He añadido "(SOLUCIONADO)" al título del tema por si a alguien más le es útil este post. Un saludo! Link to comment Share on other sites More sharing options...
Recommended Posts