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

 
Joseba
 Joseba
Usuario eminente

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

Citar
Respondido : 25/01/2016 6:26 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 25/01/2016 9:25 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Joseba
 Joseba
Usuario eminente

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.

ResponderCitar
Respondido : 25/01/2016 10:07 pm
Joseba
 Joseba
Usuario eminente

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

ResponderCitar
Respondido : 25/01/2016 10:11 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 25/01/2016 10:20 pm
Joseba
 Joseba
Usuario eminente

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

ResponderCitar
Respondido : 25/01/2016 10:25 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro