Huecos listado de productos  

 
Asuncion
 Asuncion
Usuario experto

Hola, seguimos teniendo problemas con los espacios de los listados de productos. Como algunos nombres son más largos ocupan más y eso hace que se desconfigure la maquetación de la página quedando huecos. Nos añadieron un código en el CSS pero creo que hace falta más margen.

Pueden añadirlo o indicarnos que tenemos que cambiar?

Aquí fue el hilo que abrí hace unos meses y donde se me repararon algunos huecos pero el margen no debió de ser suficiente.

https://www.webempresa.com/foro/41-Preguntas-sobre-PrestaShop/161824-Reparar-huecos-vac%C3%ADos-en-los-listados-de-productos.html

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/01/2019 3:22 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Asunción.

Tienes la web en mantenimiento, necesitamos que tengas la web activa para poder revisarlo.
Por favor adjunta una captura con lo que quieres indicarnos y una URL para que podamos revisarlo.

Te agradezco tu colaboración, contar con toda la información que puedas darnos nos ayudará a darte más rápidamente una solución.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 11/01/2019 3:31 pm

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

Asuncion
 Asuncion
Usuario experto

Hola Asunción.

Tienes la web en mantenimiento, necesitamos que tengas la web activa para poder revisarlo.
Por favor adjunta una captura con lo que quieres indicarnos y una URL para que podamos revisarlo.

Te agradezco tu colaboración, contar con toda la información que puedas darnos nos ayudará a darte más rápidamente una solución.

Un saludo

He activado la tienda momentáneamente.

ResponderCitar
Respondido : 14/01/2019 9:50 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Asunción.

Ok, edita el archivo custom.css y modifica el código que te pasamos en el anterior hilo por el siguiente:

@media (min-width: 1230px) {
.products .product_list li.product_item.col-md-4{
    width: 25%!important;
}
}

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 14/01/2019 10:20 am

Cursos Gratuitos WordPress

Asuncion
 Asuncion
Usuario experto

He cambiado el código pero ahora se muestran en columnas de cuatro y sigue habiendo huecos.

ResponderCitar
Respondido : 14/01/2019 10:38 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola asunción.

Se muestra en cuatro columnas por que le indicamos que el porcentaje sea del 25%, si quieres que se muestre en bloques de tres el porcentaje tiene que ser de 33.3%

Es posible que se tenga que modificar también las dimensiones de las imágenes.

Por favor activa la web de nuevo y lo revisamos.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 14/01/2019 5:01 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Asuncion
 Asuncion
Usuario experto

He vuelto a activar la tienda,¿ donde cambio el tamaño de las imágenes?

Me parece bien en 4 columnas lo dejo en ancho 25%.

ResponderCitar
Respondido : 14/01/2019 5:24 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El problema de los "huecos", es debido a que los altos de los productos son distintos, algo que puedes probar es poner un alto mínimo para el título

Usa el siguiente código CSS, puedes agregar este código al final del archivo:
/themes/PRS060133/assets/css/custom.css

.products .product-title{
	min-height: 80px;
}

Saludos.

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

ResponderCitar
Respondido : 14/01/2019 6:11 pm

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

Asuncion
 Asuncion
Usuario experto

Hola

El problema de los "huecos", es debido a que los altos de los productos son distintos, algo que puedes probar es poner un alto mínimo para el título

Usa el siguiente código CSS, puedes agregar este código al final del archivo:
/themes/PRS060133/assets/css/custom.css

.products .product-title{
	min-height: 80px;
}

Saludos.

Muchas gracias!! era justamente eso.

Ahora se ve perfecto.

ResponderCitar
Respondido : 14/01/2019 6:18 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Qué bien que lo solucionaste.

Saludos.

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

ResponderCitar
Respondido : 14/01/2019 6:42 pm

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

Por favor Iniciar Sesión o Registro