Jump to content

Visualizar productos en tabla y no en vertical


Recommended Posts

Hola a todos

 

os agradeceria me indicarais donde puedo cambiar para que al pulsar en cada categoria se vean todos los articulos en tabla , tipo 4 x ? algo parecido a http://www.miamandarina.es/19-abalorios

 

actualmente los veo en vertical.

 

http://www.floristeria-azalea.es/19-horticultura

 

gracias

aprovecho la ocasion para desearos a todos un feliz año 2014

 

saludos

GTC

Link to comment
Share on other sites

Una pregunta veo mas a mi alcance la modificacion de la pagina http://mypresta.eu/en/art/developer/prestashop-products-list-grid-view.html

 

es valido para cualquier tema ?? uso prestashop 1.5.6.1

 

gracias

 

saludos

GTC

Yo lo he probado con la plantilla por defecto y en principio parece que se ve bien, puedes probarlo con la plantilla que estes usando a ver como queda, ya que si no te gusta pues lo quitas, te puedes bajar directamente el paquete: http://mypresta.eu/content/uploads/2013/09/prestashop-product-list-grid-view.zip

 

(Recuerda antes hacer un respaldo de los fichero a sustituir o a modificar)

Link to comment
Share on other sites

ok al bajar el zip no debo modificar nada sino que lo hace de forma automatica?? , tomo nota de hacer primero un respaldo de los archivos, gracias

 

saludos

GTC

El zip descomprimelo en tu equipo: http://mypresta.eu/content/uploads/2013/09/prestashop-product-list-grid-view.zip y veras dos ficheros uno llamado:

 

product-list.tpl

y otro llamado

product_list.css

El product-list.tpl lo metes dentro de /themes/plantilla/ (machacando el que tienes, recuerda hacer una copia del original)

 

El product_list.css lo metes dentro de /themes/plantilla/css/ (machacando el que tienes, recuerda hacer una copia del original)

Link to comment
Share on other sites

Hola Nadie

 

Un millon de gracias funciona de maravilla http://www.floristeria-azalea.es/23-ramos , una ultima cuestion , en que archivo puedo modificar para que el GRID tenga el tamaño mas grande adaptado a la zona superior, bien sea aumentando el tamaño de cada recuadro o bien insertando 4 columnas en vez de 3 ??

 

he mirado con Firebug pero no veo por donde, en mi tema carpeta css veo "grid_prestashop.css" no se si guarda relacion ??

 

muchas gracias igualmente

Saludos

GTC

Link to comment
Share on other sites

Bueno en el archivo product_list.css veo que al modificar el "width" puedo incrementarlo, pero la imagen no se ve mas grande, ni se queda centrado, por lo que o me falta algo, o no es el camino correcto??

 

#product_list li {
text-align:center;
margin-bottom:14px;
border:1px solid #eee;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:10px;
width:190px;
display:inline-block;
vertical-align:top;
margin:2px;
position:relative;

 

 

y en administracion imagenes he aumentado el tamaño de 124 x 124 a 200x200 regenerar imagenes , espero que no afecte el resto de la web ??

 

pues me contesto , no hace nada, he limpiado cache, regenerado y no veo diferencia ??

 

saludos

GTC

Edited by gtc (see edit history)
Link to comment
Share on other sites

Bueno en el archivo product_list.css del tema he modificado #product_list li  incluyendo
"background:#fff;" para que no fuera transparente y un border radius a 20 para redondear mas las esquinas , modificado tambien el width:197px; he subido a 197 para que se iguale en tamaño al resto.

 

Pregunta - me queda solucionar agrandar cada imagen ??? y que todo quede centrado en su propia celda ??

 

gracias por vuestra ayuda

 

saludos

GTC

Link to comment
Share on other sites

A mi los enlaces que te ha pasado Nadie, me funcionan. 

 

Aplica el enlace que estabas aplicando, para ver como se ve, todo sera despues cuestion de ir ajustando algunos aspectos en el css, pero con los enlaces que te ha pasado nadie, puedes obtener la base para dejarlos en cuadricula/tabla, luego para queden mas o menos bonitos es cuestion de ajustar 2 o 3 aspectos.

Link to comment
Share on other sites

Hola Feliz

 

he aplicado lo de Nadie y funciona de maravilla, ademas he podido poner fondo blanco a cada imagen, redondear las esquinas, quitar el color negro que aparececia al pasar el mouse encima hasta ahi llego, pero no tengo muchos conocimientos sobre prestashop, voy viendolo con el firebug hasta donde me deja.

 

puedes ver como va en http://www.floristeria-azalea.es/23-ramos

 

me falta solamente centrar todo en cada celda al igual que la pagina http://www.parafarmaciamimaos.com/clon/ , esos dos o tres aspectos que indicas , son lo que no logro encontrar desde esta mañana

 

te agradeceria si pudieras indicarme por donde ataco, gracias

 

saludos

GTC

Edited by gtc (see edit history)
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...