alicantinista Posted February 16, 2013 Share Posted February 16, 2013 Saludos, me gustaria saber como puedo cambiar la columna de subcategorias que sale en el centro de la pantalla, sale solo una fila y por ejemplo tengo categorias que salen muchas subcategorias y es muy engorroso tener que desplazar hasta el final de la pagina para verlas todas. Me gustaria que en vez de salir en una fila, saliera en 4 filas y de esa manera quedara mas recogida la web. mesitadenoche.com version 1.5.3.1 Gracias Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Revisa este tutorial: http://www.prestashop.com/forums/index.php?/topic/192005-free-tutorial-change-the-default-list-display-to-a-grid-15/ Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Ah espera, dijistes las subcategorías no los productos. Entoces ve al fichero: /themes/default/css/category.css Busca esto: .inline_list li { padding: 10px 0; border-bottom: 1px dotted #ccc; } Y prueba dejarlo asi: .inline_list li { padding: 10px 0; float: left; width: 131px; height: 83px; } PD: Atención estas modificaciones han sido realizadas a "Ojo", no me hago responsable de ellas. Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 ¿Sigue usted ahí? Link to comment Share on other sites More sharing options...
alicantinista Posted February 16, 2013 Author Share Posted February 16, 2013 Me sale en fila de 1 todavia, solo se a modificado que ya no sale la linea de puntos. Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Me sale en fila de 1 todavia, solo se a modificado que ya no sale la linea de puntos. Estoy viendo y te has comido un ";" fijate en el border al finalizar le falta un ";" por eso no te reconoce lo que has metido despues. Es decir lo tienes asi: .inline_list li { padding:10px 0; border-bottom:1px dotted #ccc float: left; width: 153px; height: 83px; } En todo caso dejalo asi: .inline_list li { padding:10px 0; border-bottom:1px dotted #ccc; float: left; width: 153px; height: 83px } Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 ¿Sigue usted ahí? Link to comment Share on other sites More sharing options...
alicantinista Posted February 16, 2013 Author Share Posted February 16, 2013 Ok, ahora si, que despiste, si quiero ponerlo en fila de 4 que tengo que tocar? Y ya que estamos, para hacer las imagenes mas grandes? Muchas Gracias. Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Ok, ahora si, que despiste, si quiero ponerlo en fila de 4 que tengo que tocar? Para colocarlo a 4 filas, reduce el width a 131, tal como te puse aquí: http://www.prestashop.com/forums/index.php?/topic/225811-poner-las-imagenes-de-subcategorias-en-4-filas-en-vez-de-una/page__view__findpost__p__1110508 Link to comment Share on other sites More sharing options...
alicantinista Posted February 16, 2013 Author Share Posted February 16, 2013 Ok, y para lo de hacer las imagenes mas grandes? Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Ok, y para lo de hacer las imagenes mas grandes? Mi recomendación y para que no afecte a otras imagenes. Crea un nuevo tipo de images en la pestaña Preferencias -> Imagenes llamalo "subcategoriasporn", rellena los datos de anchura y altura, dile que se aplique solo a categorías, y despues en la misma pestaña Preferencias -> Imagenes pulsa en "Regenerar Miniaturas" al final de todo. Despues ve al fichero: /themes/default/category.tpl Busca esto: {if $subcategory.id_image} <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> {else} <img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> {/if} Y dejalo asi: {if $subcategory.id_image} <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'subcategoriasporn')}" alt="" /> {else} <img src="{$img_cat_dir}default-subcategoriasporn.jpg" alt="" /> {/if} Link to comment Share on other sites More sharing options...
alicantinista Posted February 16, 2013 Author Share Posted February 16, 2013 Veo que no me esta gustando mucho como esta quedando porque ahora salen el titulo de la subcategoria muy descolocada, me gustaria que quedara la imagen mas grande y el texto abajo de la imagen, o en su defecto como todas las imagenes tienen dentro de ella el titulo, quitar directamente la subcategoria y dejar solo la imagen. Muchas Gracias nadie. Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Veo que no me esta gustando mucho como esta quedando porque ahora salen el titulo de la subcategoria muy descolocada, me gustaria que quedara la imagen mas grande y el texto abajo de la imagen, o en su defecto como todas las imagenes tienen dentro de ella el titulo, quitar directamente la subcategoria y dejar solo la imagen. Muchas Gracias nadie. Si quieres puedes se puede hacer un truncate para recortar el "texto". Link to comment Share on other sites More sharing options...
alicantinista Posted February 16, 2013 Author Share Posted February 16, 2013 Ok provare todos esos consejos. De momento voy a dejarlo en tres filas que queda mas o menos bien, y lo del tamaño de imagen lo trasteare durante esta mañana. Gracias nadie. Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Por cierto si quieres quitar el nombre de la subcategoría, puedes ocultar el nombre de la subcategoria/s con css. Fichero: /themes/default/css/category.css Buscas esto: .inline_list li .cat_name { font-weight: bold; font-size: 13px; } Y lo dejas así: .inline_list li .cat_name { font-weight: bold; font-size: 13px; display:none; } O vas al fichero: themes/default/category.tpl Buscas esto: <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a> Y lo eliminas. Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 Si quieres colocar el nombre de la subcategoría debajo de la imagen ve al fichero: /themes/default/category.tpl Busca esto: <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a> Y dejalo asi: <div class="nadie"> <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a></div> Luego ve al fichero: themes/default/css/category.css Y añade esto: .nadie {clear:both;} Link to comment Share on other sites More sharing options...
nadie Posted February 16, 2013 Share Posted February 16, 2013 ¿Sigue usted ahí? Me tiene muy preocupado. Link to comment Share on other sites More sharing options...
Mary Brezden Posted March 2, 2013 Share Posted March 2, 2013 Hola, yo tuve el mismo problema y lo solucione siguiendo el tutorial de Victor Ronedas, (espero ayude un poco) aqui el link: http://victor-rodenas.com/2013/02/16/guia-mostrar-subcategorias-en-grid-cuadricula-en-prestashop-1-5/ Link to comment Share on other sites More sharing options...
Miniju Posted May 2, 2013 Share Posted May 2, 2013 Hola a todos! yo tambien segui las instrucciones de Victor Mostrar subcategorías en grid (cuadricula) en Prestashop 1.5 Pero tengo un problema, una categoría y sus 6 subcategorias se ven perfecto en grid. pero en cambio otras subcategorias se ven bien, pero la barra de ordenar por — se sube encima de las imagenes en grid. No se si me explico… Estoy usando pretashop 1.5.4 Agradecería mucho vuestra ayuda!! Saludos! Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted May 2, 2013 Share Posted May 2, 2013 Hola a todos! yo tambien segui las instrucciones de Victor Mostrar subcategorías en grid (cuadricula) en Prestashop 1.5 Pero tengo un problema, una categoría y sus 6 subcategorias se ven perfecto en grid. pero en cambio otras subcategorias se ven bien, pero la barra de ordenar por — se sube encima de las imagenes en grid. No se si me explico… Estoy usando pretashop 1.5.4 Agradecería mucho vuestra ayuda!! Saludos! ¿Y cual es la direccion de tu tienda? Link to comment Share on other sites More sharing options...
Miniju Posted May 2, 2013 Share Posted May 2, 2013 Hola Rubalcaba la estoy construyendo, la tengo cerrada! Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted May 2, 2013 Share Posted May 2, 2013 Hola Rubalcaba la estoy construyendo, la tengo cerrada! Activala, para verla. Link to comment Share on other sites More sharing options...
Miniju Posted May 2, 2013 Share Posted May 2, 2013 Aqui tienes http://www.confettimenorcaonline.com/ Como veras, la primera categoria "Masking tape" se ve perfecta, en cambio la ultima "Letras" hace lo que comentaba, y con las otras que aun no tienen subcategorias hice pruebas y me ocurría lo mismo! Muchas gracias por la ayuda! Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted May 2, 2013 Share Posted May 2, 2013 Aqui tienes http://www.confettimenorcaonline.com/ Como veras, la primera categoria "Masking tape" se ve perfecta, en cambio la ultima "Letras" hace lo que comentaba, y con las otras que aun no tienen subcategorias hice pruebas y me ocurría lo mismo! Muchas gracias por la ayuda! http://www.confettimenorcaonline.com/themes/prova/css/category.css .inline_list { list-style-type: none; margin-top: 10px; } Por .inline_list { list-style-type: none; margin-top: 10px; min-height: 92px; } 1 Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted May 2, 2013 Share Posted May 2, 2013 http://www.confettimenorcaonline.com/themes/prova/css/category.css .inline_list { list-style-type: none; margin-top: 10px; } Por .inline_list { list-style-type: none; margin-top: 10px; min-height: 92px; } O asignale un height o min-height minimo al .inline_list li 1 Link to comment Share on other sites More sharing options...
Miniju Posted May 2, 2013 Share Posted May 2, 2013 Muchas gracias!!! Perfecto! Ahora todas las categorias se verán bien? Link to comment Share on other sites More sharing options...
lovendo Posted June 2, 2013 Share Posted June 2, 2013 Hola a todos! yo tambien segui las instrucciones de Victor Mostrar subcategorías en grid (cuadricula) en Prestashop 1.5 Pero tengo un problema, una categoría y sus 6 subcategorias se ven perfecto en grid. pero en cambio otras subcategorias se ven bien, pero la barra de ordenar por — se sube encima de las imagenes en grid. No se si me explico… Estoy usando pretashop 1.5.4 Agradecería mucho vuestra ayuda!! Saludos! O asignale un height o min-height minimo al .inline_list li Rubalcaba, la solución que propones de añadir un min-height funciona genial para aquellas subcategorías que se descolocan porque la Descripción es muy larga y ocupa más lineas que las demás. Sin embargo, para el segundo problema que cita Miniju, el de "la barra de <<ordenar por>> se sube encima de las [últimas] imágenes en grid" todavía no hay solución. Yo tengo el mismo problema y ya no sé por donde meterle mano. Os agradecería que le pegaseis un vistazo > http://www.escapesakrapovic.com/store/es/1022-escapes-akrapovic-moto-Aprilia Un saludo Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted June 2, 2013 Share Posted June 2, 2013 Rubalcaba, la solución que propones de añadir un min-height funciona genial para aquellas subcategorías que se descolocan porque la Descripción es muy larga y ocupa más lineas que las demás. Sin embargo, para el segundo problema que cita Miniju, el de "la barra de <<ordenar por>> se sube encima de las [últimas] imágenes en grid" todavía no hay solución. Yo tengo el mismo problema y ya no sé por donde meterle mano. Os agradecería que le pegaseis un vistazo > http://www.escapesak...ic-moto-Aprilia Un saludo Pues haz que la descripción no se muestre hay o aumentale el truncate Link to comment Share on other sites More sharing options...
lovendo Posted June 2, 2013 Share Posted June 2, 2013 Pues haz que la descripción no se muestre hay o aumentale el truncate Creo que no es así, siempre se monta la opción de "ordenar por". Si navegas por la web que te he puesto lo podrás ver. Gracias por tomarte la molestia de contestar Link to comment Share on other sites More sharing options...
nadie Posted June 2, 2013 Share Posted June 2, 2013 Creo que no es así, siempre se monta la opción de "ordenar por". Si navegas por la web que te he puesto lo podrás ver. Gracias por tomarte la molestia de contestar Añade esto: .clear { clear: both; } Al fichero: http://www.escapesakrapovic.com/store/themes/akrapovic/css/category.css 1 Link to comment Share on other sites More sharing options...
lovendo Posted June 3, 2013 Share Posted June 3, 2013 Funciona genial, muchas gracias. Que algún admin marque este topic como Solucionado Link to comment Share on other sites More sharing options...
nadie Posted June 3, 2013 Share Posted June 3, 2013 Funciona genial, muchas gracias. Que algún admin marque este topic como Solucionado Un placer ayudarte y servirte! Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso. Link to comment Share on other sites More sharing options...
Recommended Posts