Problema al ampliar...
 
Avisos
Vaciar todo

Problema al ampliar número de productos visualizados por linea en plantilla Cilene

6 Respuestas
2 Usuarios
0 Reactions
696 Visitas
Respuestas: 41
Eminent Member
Topic starter
 

Hola, he encontrado un problema al ampliar de 3 a 4 los productos visualizados por linea en la plantilla Cilene. No se si se podrá corregir, solo pasa en el navegador Mozilla y en el Explorer, en Opera y Chrome no.
El problema es que cuando hay más de 4 productos, al pasar el ratón sobre la primera fila, todos los productos de las filas inferiores "bailan" de posición. Pasa con 5, 6, 7 y 8 productos.

Otro problema menor es que al pasar de 3 a 4 productos hay que corregir la etiqueta de "Rebajas" puesto que se descuadra. La he corregido en global.css (.sale-label)

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 25/01/2016 6:26 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Verifica el siguiente artículo :
https://www.webempresa.com/blog/item/2050-aumentar-la-cantidad-de-productos-por-fila-en-prestashop.html

El problema de que al pasar el mouse se descuadra es por la altura minima del producto o min-height, revisa el artículo allí puedes cambiar le valor de 400px de esta propiedad

Saludos.


 
Respondido : 25/01/2016 9:25 pm
Respuestas: 41
Eminent Member
Topic starter
 

Hola, he probado con todo: 300, 350,400,450,500. Pero se arregla.
El código lo he puesto en el archivo "customuser.css", que existía, pero estaba vacío.


 
Respondido : 25/01/2016 10:07 pm
Respuestas: 41
Eminent Member
Topic starter
 

Perdón, quería decir que no se arregla.


 
Respondido : 25/01/2016 10:11 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

En tu caso es posible que no aparezca por que has realizado una modificación en el archivo .tpl del template

Cambia esta parte del código :

@media (min-width: 980px) {
.product_list.grid .col-md-4 {
    min-height: 300px;
    width: 25%;
}
}

Por este código :

@media (min-width: 980px) {
  .product_list.grid .col-md-4, 
	.product_list.grid .col-md-3 
	{ width: 25%; min-height: 450px; }
}

Verás que se agrego .col-md3 y se amplio el min-height

Saludos.


 
Respondido : 25/01/2016 10:20 pm
Respuestas: 41
Eminent Member
Topic starter
 

Pues si, tienes razón, se ha arreglado. Si, modifiqué el .tpl.
Muchas gracias.


 
Respondido : 25/01/2016 10:25 pm