Espacio en blanco e...
Avisos
Vaciar todo

[Resuelto] Espacio en blanco entre productos  

 
Emerson
 Emerson
Usuario experto

Buenos días.

Hemos cambiado numero de columnas en nuestro presta 1.6. 

En la versión móvil cambiamos a dos columnas por fila ( dos productos por fila).

Lo que sucede es que algunos box ocupan más en altura y desplazan los box de abajo dejando un espacio en blanco.

Creemos que necesitamos dar más espacio entre los box de arriba y el de abajo de productos para compensar esa diferencia.

Ya buscamos por varios sitios pero no damos con el tema...

Dejo url para que podáis ver en el móvil: https://emersongb.com/13-cafeteras-profesionales

 

Contenido solo visible a usuarios registrados

Respondido : 05/10/2021 11:41 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola.

El problema esta en lso textos. si te fijas hay productos con titulo de una sola linea y hay otros que el titulo ocupan varias lines.

¿ como hiciste ese cambio ? modificaste el archivo ?

Revisa esta entrada del foro:

->  https://www.webempresa.com/foro/modulos-prestashop/mostrar-mas-columnas-en-el-movil-de-la-lista-de-productos-prestashop

 

Un saludo

 

Respondido : 05/10/2021 12:50 pm

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

Emerson
 Emerson
Usuario experto

Buenas tardes,

Para cambiar a dos productos por columna hicimos justo lo del enlace.

Pero nos descuadra las imágenes en el móvil. Ya intentamos de todo pero no conseguimos eliminar el descuadre.

Alguna idea?

Respondido : 05/10/2021 5:17 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Emerson,

Puedes comentarnos un poco mas a que te refieres con descuadre?

image

Te comparto una captura de como lo veo en mi teléfono.

Un saludo 🖐️ 

Respondido : 05/10/2021 5:37 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Emerson, 

No veo que los productos se desplacen, he verificado en mi móvil y se muestran de la siguiente forma

Imagen de iOS

Puedes enviarnos una capturas de los productos que comentan se desplazan?, de esta forma podemos verificar con mayor detalle 

Un Saludo

Respondido : 05/10/2021 5:37 pm
Emerson
 Emerson
Usuario experto

 

captura xiaomi redmi

Pues entonces será algo referente a la resolución....

En el mio se desplazan las fotos... 

Igual lo tendré que dejar asi...

Pues entonces será algo referente a la resolución....

En el mio se desplazan las fotos... 

Igual lo tendré que dejar asi...

 

La captura vuestra es de la pagina principal. Esto ocurre en las categorias, como por ejemplo: https://emersongb.com/13-cafeteras-profesionales

Esta publicación ha sido modificada el hace 2 semanas 2 veces por Emerson
Respondido : 05/10/2021 5:56 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Emerson, 

Ya lo veo, en este caso lo que sucede como comenta Pepe es el tamaño de los nombres de los productos, al ser un más largo generan un desplazamiento hacia abajo por lo que las columnas se reubican. 

En este caso es posible que para solucionarlo debes editar directamente el código de la plantilla, por lo que no es muy recomendable modificarlo. Una opción que puedes probar es estandarizar el tamaño de los títulos para móvil indicando la cantidad de palabras  a mostrarse, por ejemplo usando el siguiente código CSS

@media only screen and (max-width: 600px) {


a.product-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
}

}

Esto lo que mostrara es los títulos cortos para móvil y no se verán completo, el resultado puede ser por ejemplo

image

También podrías echarle un ojo al siguiente enlace donde se trató un tema similar -> Contenido solo visible a usuarios registrados

Un Saludo

 

Respondido : 05/10/2021 6:41 pm
Emerson
 Emerson
Usuario experto

Buenos días.

Seguimos igual, reduce el texto pero sigue haciendo el salto de linea dejando espacios en blanco.

Estamos  compensando poniendo o quitando textos en cada producto para compensar espacios, parece que así funciona, una forma muy arcaica...

Si os ocurre otra solución os agradecería.

Gracias por vuestra atención. 

Respondido : 06/10/2021 9:52 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola, Buenos Días.

No se si estáis haciendo algo pero no puedo acceder a la web:

screenshot www.emersongb.com 2021.10.06 13 03 25

 

Un saludo

Respondido : 06/10/2021 12:07 pm
Emerson
 Emerson
Usuario experto

Buenas tardes.

La pagina esta funcionando.

Si entrais en cualquiera categoría con muchos productos es donde hay el descuadre de imágenes.

Hemos conseguido solucionar algo, pero en algunos casos es complicado porque unas imágenes hacen que otras se desplacen.

Los productos de una categoria ( cafeteras profesionales ) también están en la subcategoria de marca correspondiente ( crem international ), ponemos texto en la categoria para eliminar espacio en blanco y descuadra en la subcategoría.

Pero bueno, mejoro bastante a base de picar teclas...

 

Respondido : 06/10/2021 4:07 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hoa Emerson,

El inconveniente esta en que es una personalización directa del tema, por lo que cuando editas el mismo estas forzando al tema a visualizare de una forma que no esta hecha para ello, es por esto que en el home vez todo perfecto y en estas categorías no.

Por lo que estamos viendo no se aplican de forma correcta algunos css que usualmente se utilizan para crear separaciones entre elementos, en este caso requerirías una personalización mas a medida, para ello debes contactar con colaboradores o con soporte de la plantilla que utilizas ya que también es posible que el código agregado para separar en dos columnas no te sirva del todo.

Un saludo 🖐️ 

Respondido : 06/10/2021 4:23 pm
Emerson
 Emerson
Usuario experto

Gracias Argenis.

Iremos adaptando poco a poco.

Es una pena que prestashop no sea más flexible...

Un saludo.

Respondido : 06/10/2021 4:29 pm

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

Emerson
 Emerson
Usuario experto

Damos por cerrado el tema.

Gracias por vuestra atención !

Respondido : 06/10/2021 4:30 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Emerson,

Gracias a ti, siempre es un placer poder ayudarte

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 06/10/2021 4:32 pm

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