Avisos
Vaciar todo
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
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:
Un saludo
Respondido : 05/10/2021 12:50 pm
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
Hola Emerson,
Puedes comentarnos un poco mas a que te refieres con descuadre?
Te comparto una captura de como lo veo en mi teléfono.
Un saludo 🖐️
Respondido : 05/10/2021 5:37 pm
Hola Emerson,
No veo que los productos se desplacen, he verificado en mi móvil y se muestran de la siguiente forma
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
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 3 años 2 veces por Emerson
Respondido : 05/10/2021 5:56 pm
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
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
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
Hola, Buenos Días.
No se si estáis haciendo algo pero no puedo acceder a la web:
Un saludo
Respondido : 06/10/2021 12:07 pm
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
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
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
Damos por cerrado el tema.
Gracias por vuestra atención !
Respondido : 06/10/2021 4:30 pm
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
