Visualizacion incorrecta en version movil de mi prestashop  

Hola Vicente.

¿ Podrías adjuntarnos en archivo txt el código que añades para que lo revisemos ?
Si nos adjuntas una captura de lo quieres indicar nos seria de utilidad para poder revisarlo.

Esto es lo que yo Veo:

Un saludo

Hola adjunto el código. destacar que la imagen que me envias se visualiza bien pues entiendo has utilizado una de las herramientas que emulan la visualización móvil responsive, yo si hago la prueba con cualquiera de estas herramientas si lo veo bien, pero cuando se hace desde un dispositivo móvil real no se ve correctamente. Solo puedes ver el efecto que comento con la hertramienta de Google : https://search.google.com/search-console/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect&hl=es

te adjunto una imagen de como se ve:

Se me olvidó comentar que he probado a borrar cache de prestashop, cache y cookies de mi móvil, he intentado vizualizarlo con otrso móviles de distintas marcas.

Hola

Tienes un error en tu código HTML, específicamente en esta parte:

Si te das cuenta tienes un enlace de apertura y dos de cierre, lo cual es incorrecto, debes eliminar el que esta al medio del código

Verifica si corrigiendo esto se soluciona ya que en navegador si que se ve responsive.

Saludos.

Gracias, he corregido el código pero sigue igual, creo que no es problema del código no css, he creado un nuevo prestashop, y he utilizado el mismo código y css y funciona correctamente. Debe ser un problema de compilación. aunque en todas las herramientas para ver si tu web es responsive se muestra bien, menos en la de google y en los móviles fisicos. lo que si he observado por si te sirve de pista es que si por ejemplo cambio el color del tema si se actualiza en pc y móviles no reales si no los simuladores, cuando es con móvil real mantiene el mismo color de plantilla que tenia al inicio, es como si no cargara los estilos, ya probé vaciar cache, limpiar móvil y nada, he revisado tambien los permisos de los archivos y todo lo veo ok, necesito solucionarlo ya que la via fácil es montar otro prestashop que he visto que funciona pero es que tengo ya está muy avanzado con textos categorias etc..

Hola Vicente.

Ok, prueba añadir este código al archivo custom de tu plantilla:

@media (max-width: 479px) {
#htmlcontent_top {
float:none;
}
}

Con esto hacemos que el contenido se muestre en una fila.
Comprueba los resultados y nos comentas.

Un saludo

Gracias Pepe, por favor me podrias indicar la ruta exacta del fichero custon a modificar.?

Gracias

además, no es normal que si cambio el color del tema no se actualice en el móvil fisico y si en los emuladores de modo responsive

Hola Ivan

ok, perdóname creía que ya habíamos modificado algo y por eso me fui por la vía rápida, discúlpame :blush:

.- Edita el archivo global.css que encontraras en themes/default-bootstrap/css/global.css y yañade el siguiente código al final del archivo:

@media (max-width: 479px) {
#htmlcontent_top {
float:none !important;
}
}

Revisa esto y luego vemos lo otro que nos comentas 😉

Un saludo

No funciona. insisto he realizado otra prueba. he cambiado el color del tema, en la version pc si te fijas en el boton de buscar aparece de color rosa, si entras en un móvil insisto móvil físico no emulador, verás que el color del tema es negro y las imagenes se ven mal, hes como si no cargara el css. He realizado otra prueba, una vez estoy dentro del móvil le digo en opciones mostrar como ordenador, entonces se ve correcto en modo PC en el móvil incluido el tema en color rosa, cuando vuelvo a decirle desactivar modo ordenador en el móvil se ve por un instante correctamente en modo responsive incluido el tema en color rosa pasando de forma casi inmediata a visualizarce en tema color negro e imagenes montadas, es como si intentara cargar el css correcto pero lurgo cargara otro. No se si me habré explicado.

Si montado en otro prestashop que he realizado la prueba funciona bien, debe ser algún archivo que me falta, o duplicado, o permiso mál establecido, que se yo. ya estoy super rayado con esto.

Hola

Puede suceder que sea un problema del theme, estas usando el theme por defecto de PrestaShop.
El cambio de cólor cómo lo realizas?, usas algún módulo externo?

De manera general puedes probar reinstalando el theme, puedes simplemente copiar los archivos /themes/default-bootstrap/ desde otro PrestaShop en donde si funciona y reemplazar

Luego , otra posible causa del problema es que tengas algún módulo de tercero que sólo se esta ejecutando en vista movil, tendrías que probar deshabilitar los módulos que tengas activos hasta ver cual te causa el problema.

Saludos.

Gracias, he realizado lo que me indicas he borrado todos los ficheros de la carpeta archivos /themes/default-bootstrap/ y he copiado los ficheros de otros prestashop que si me funciona y sigue igual. Me he dado cuenta en en Displayhome me aparecian 3 modulos cuando en realialidad solo hay dos, he probado a desengancharlos todos y sigue apareciendo en el totalizador 1 módulo anunque no se ve te adjunto imagen. Tambien he probado a borrar las carpeta modules completa y cargar los ficheros de la carpeta modules y si me funciona y nada. Creo que el problema biene porque se ha quedado algún módulo en el displayHome de forma oculta, se te ocurre como poder borrarlo.?

Hola Vicente.

¿ Eliminaste algo o cambiaste de plantilla?, veo que no aparece nada.

Un saludo