Optimizar web para moviles en Prestashop  

Hola,

El tema Converse que estás utilizando dispone de una versión específica para dispositivos móviles. Es posible que algunas constantes estén sin traducir para esta versión.

Fuera de esa versión móvil la plantilla se comporta de una modo responsive, es decir, los contenidos se adaptan al espacio disponible. Es por ello que los resultados se muestran en una columna, ya que se trata de conseguir que los contenidos se puedan leer de forma clara. Si se mostrara en varias columnas quedaría todo demasiado comprimido.

Personalmente te recomiendo que actives siempre esta opción para dispositivos móviles. Para hacer esto vete en la administración de PrestaShop a Preferencias->Temas. Aquí verás un parámetro de nombre Activar el tema móvil. Si eliges la opción Desactivarlo totalmente siempre se cargará la versión responsive de la página.

OK Gracias Pablo, lo tendré en cuenta,primeramente trasladaré la web al nuevo dominio y luego miraré la optimización para móviles.

Gracias

Parece ser que ya estaba activado el tema móvil, en cualquier caso¿ habría alguna manera de editar ese tema móvil, para por ejemplo traducir los mensajes que salen en ingles, o comprimir la paagina de tal forma que se vea toda la web completa?

Gracias

Hola,

Lo de que se vea la web completa realmente es algo que no se recomienda para dispositivos móviles ya que puede aparecer un scroll horizontal o hacer que los contenidos se vean demasiado pequeños. El tema Converse es de tipo responsive (adaptativo) y se comporta como tal. Ten en cuenta que la mayoría de las plantillas que se sacan actualmente tienen un funcionamiento similar.

Sobre la traducción de mensajes sería necesario editar el código de la plantilla para localizar estos textos y traducirlos.

Buenos días, aunque no fuera recomendable, ¿cómo podría hacer para que se viera la web completa para móviles?

Saludos

Hola,

La plantilla Converse no dispone de ningún parámetro para desactivar el comportamiento responsive de la misma.

En todo caso, podrías hacer la siguiente prueba: vete al directorio themes/leoconv/css y edita el archivo responsive.css. Elimina todo el contenido del archivo, guarda los cambios y comprueba si así cambio el comportamiento de la plantilla en los móviles. Ten en cuenta que en caso de no apreciar ningún cambio es posible que tengas cacheados los estilos CSS en el navegador del móvil, por lo que para comprobar si esto funciona será conveniente que borres el historial de navegación del móvil.

Recuerda hacer una copia de seguridad del archivo responsive.css antes de aplicar los cambios para poder volver atrás en caso de problemas.

Hola Pablo, he aplicado los cambios que me has indicado, y se sigue viendo el tema movil , (lo he probado con varios móviles). Sólo se ve la web únicamente bien desde google chrome o si le das a la opción del tema móvil "Browse the full site". ¿Hay que hacer algún otro paso?

Gracias, Saludos

HOla Alberto

Lo que quieres hacer no es recomendable, evalue bien esto, si tu cliente te comenta que quiere ver la web completa en móviles , deberías tener algunas recomendaciones que darle y justificar el hecho de que la característica responsive debería conservarse.

Ten en cuenta por ejemplo que perderas tus cambios en una actualización.

Si decides seguir adelante adicional a lo que te comentó Pablo tendrías que definir un ancho fijo, es decir agregar el siguietne código a algún archivo .css o .less

.container{
	min-width:1000px;
}

Saludos.

Hola Jon, buenos días.. no he entendido bien tu respuesta, ¿quieres decir que si sigo adelante , cuando haga actualizaciones no se verán reflejadas en la web ?

Por otra parte ¿cual es el archivo css que tendría que modificar? (¿valdría global.css?

Gracias, saludos

Hola,

Lo que te quiere decir Jhon es que si aplicas cambios y más adelante actualizas la plantillas podrás perder los cambios aplicados.

Sobre el archivo CSS donde colocar el cambio, sirve cualquiera que se cargue con la web, por ejemplo el global.css que comentas.

De nuevo te vuelvo a recomendar que no hagas este tipo de modificaciones, ya que con ello dificultarás la navegación desde teléfonos móviles en lugar de facilitarla. Ten en cuenta que una vista normal en un teléfono móvil puede aumentar los tiempos de cargar y hacer que no se vea bien en muchos dispositivos. Cierto es que cada vez los teléfonos móviles cuentan con mayores pantallas y más resolución, pero eso no es lo común para todos ellos.

Hola Pablo, definitivamente no haré el cambio atendiendo a vuestras recomendaciones, por otra parte, ¿podría modificar el tema móvil? En lo de modificar me refiero a lo básico, es decir, traducir ciertas palabras que aparecen ( como por ejemplo: autentichation, browse the full site, add to cart.. etc, y ya como mucho poder poner una imagen en la cabecera de el tema móvil, simplemente realizar pequeños cambios para que a la hora de acceder a la web con el móvil parezca más profesional..)

Gracias , un saludo

Hola,

Sí que podrías, pero será necesario aplicar cambios en el código de la plantilla, ya que no veo en la administración de PrestaShop de opciones para cambiar estos textos o el diseño de la vista móvil de la plantilla.

Hola Pablo, ¿desde que archivo podría aplicar los cambios del código en la plantilla para ver que puedo modificar?

Gracias

HOla Alberto

No es un solo archivos, dependiendo de que cosa quieres cambiar puede ser uno u otro archivo

Deberás ser más espefico, envía algunas capturas de pantalla para ver exactamente que quieres cambiar.

Saludos.