Avisos
Vaciar todo

Optimizar web para moviles en Prestashop  

 
Alberto
 Alberto
Estimable Member

Buenos días, me preguntaba si hay alguna función en prestashop para optimizar la web que estoy creando para móviles y tablets. Cuando escribo el enlace temporal de mi web en mi smartphone, la web sale sencilla y se leen solo los apartados pero no se ven los gifs de publicidad ni se ve por completo la página, tambíen aparecen términos en Inglés en vez de español.

Por otro lado si le doy a la opción que sale abajo de "Ver la web completa" Se ve la web que creo con sus colores y gifs pero listado en una sola columna y se ve muy desordenado y mal. ¿Qué me podéis recomendar al respecto?

Adjunto capturas

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 20/02/2014 11:51 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 20/02/2014 1:20 pm

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

Alberto
 Alberto
Estimable Member

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

Gracias

ResponderCitar
Respondido : 20/02/2014 1:31 pm
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 20/02/2014 1:35 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 20/02/2014 2:55 pm
Alberto
 Alberto
Estimable Member

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

Saludos

ResponderCitar
Respondido : 31/03/2014 3:15 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 31/03/2014 6:47 pm
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 31/03/2014 8:29 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 01/04/2014 12:46 am
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 02/04/2014 12:59 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 02/04/2014 4:03 pm
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 02/04/2014 4:48 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 02/04/2014 6:09 pm
Alberto
 Alberto
Estimable Member

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

Gracias

ResponderCitar
Respondido : 02/04/2014 6:18 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 02/04/2014 8:21 pm