PrestaShop a Pantalla Completa -Diseño Líquido

Categorias: PrestaShop

PrestaShop a Pantalla Completa -Diseño Líquido

En PrestaShop, la plantilla que utilicemos puede adaptarse a distintas pantallas de los dispositivos, depende de la plantilla, pero si queremos llenar toda la pantalla con el contenido, el llamado «Diseño Líquido» , puedes usar este módulo para conseguirlo sin ningún esfuerzo.

En PrestaShop puedes elegir entre multitud de plantillas para modificar el diseño de tu tienda online, aunque no todas tendrán las mismas características.

Por lo general, todas las plantillas que utilices hoy en día, se adaptarán al diseño de la pantalla desde donde se visualice la web, de esta forma ningún usuario tendrá problemas para ver el sitio web, independientemente del dispositivo que use.

Pero existe otra forma de presentar la web en pantalla y es aprovechando todo el ancho de la pantalla del dispositivo.

A esto se le llama diseño líquido o fluido y para muchos usuarios es muy interesante, aprovecha toda la pantalla del usuario para mostrar el contenido.

No parece una buena opción cuando se visualiza en pantalla muy grandes, como televisores, pero como en muchos casos la mayoría del tráfico visualiza el contenido con móviles o pantallas de ordenador, puede no ser un problema.

El problema es que la mayoría de los diseños de las plantillas son responsive y hay pocas opciones de diseño líquido y en PrestaShop tampoco existe una opción nativa para hacer esto.

Pero si quieres probarlo tienes un módulo gratuito que transforma cualquier plantilla en diseño líquido, siempre y cuando la plantilla sea compatible.


Hosting Genérico


Módulo Diseño Responsivo Líquido

Este módulo gratuito transforma el diseño de la plantilla para que se adapte al 100% de la pantalla, es decir, un diseño fluido o líquido.

Es muy sencillo de utilizar, no tiene nada que configurar, si lo activas y la plantilla lo permite, el diseño líquido se activa y si desactivas el módulo, el diseño líquido desaparece.

Así que puedes probarlo en tu plantilla si quieres ver cómo queda con este tipo de diseño web y si no ten convence, desactivar y eliminar el módulo para dejar la plantilla de la misma forma que estaba.

Para probarlo, lo primero que tienes que hacer es descargar el módulo para poder instalarlo en tu PrestaShop.

El módulo es de un desarrollador independiente y puedes descargarlo desde su web haciendo click aquí.

descargar modulo fluido - PrestaShop

Para descargarlo hay que añadirlo a la cesta, pero al pasar por caja verás que el precio es de 0€, así que no te preocupes por eso.

modulo fluido cero euros - PrestaShop

Tampoco hace falta que te registres si no quieres, tiene un método de pedido rápido como invitado para tramitarlo, pero si tendrás que poner tu email para que te envíe el email con el enlace de descarga al módulo.

modulo fluido mail descarga - PrestaShop

Una vez descarguemos el archivo comprimido en .zip, lo reservamos y nos vamos al panel de administración de nuestro PrestaShop para instalarlo.

Si ya has instalado un módulo en PrestaShop, no tendrás problemas, pero si no lo has hecho nunca, no te preocupes, es muy fácil.

Lo primero es acceder a PrestaShop, al llamado backoffice, y desde el menú Personalizar hacer click en la opción Module Manager.

prestashop module manager PrestaShop

En la parte superior de la pantalla verás un botón que dice Subir un módulo y si haces click sobre él, podrás elegir el archivo comprimido que descargaste para instalarlo.

Después de esto PrestaShop se encargará de instalar el módulo sin que tengas que hacer nada más.

PrestaShop 1.7 - Instalar Módulo

Ahora sólo tendrás que activarlo. Puedes encontrar el módulo en el apartado «Otros» , normalmente en la parte inferior del listado de módulos.

modulo diseno responsivo liquido instalado - PrestaShop

Si vas a la configuración del módulo, verás que no existe nada que puedas configurar.

Encontrarás un vídeo explicativo, botones sociales del desarrollador del módulo y un apartado dedicado a las donaciones por PayPal.

Lo único que tienes que hacer es activar el módulo y después, acceder a tu web para ver cómo queda.

Si no funciona, pueden ser dos cosas, una la caché, que puedes eliminar desde Configurar > Parámetros Avanzados > Rendimiento > Borrar la Caché.

O quizás tu plantilla no sea compatible, aunque esto sería algo extraño.

Con la plantilla por defecto que nos ofrece PrestaShop, este es el resultado:

Diseño Normal:

plantilla diseno normal muestra - PrestaShop

Diseño Líquido:

plantilla diseno liquido muestra - PrestaShop

Como puedes ver las diferencias se notan y ahora ya depende de ti si quiere utilizarlo o no.

Si no te gusta, sólo tienes que desactivar el módulo, borrar caché y listo, la plantillas volverá a su diseño normal.

 

Hosting PrestaShop con IP Española

Si estás buscando hosting para tu tienda online creada con PrestaShop, en Hostinet hemos creado unos planes de hosting PrestaShop preparados para satisfacer todas las necesidades actuales de un alojamiento web.

Todos los alojamientos web cuentan con una dirección IP española, algo bueno si te interesa el posicionamiento web, además de muchas más prestaciones.

En todos los hosting PrestaShop, encontrarás certificados SSL gratuitos para todos los dominios alojados, así como sus subdominios.

También contarás con un panel de control cPanel que te ayudará a gestionar todo tu alojamiento web.

Y por supuesto, contarás con un servicio de soporte técnico especializado en la plataforma que te ayudará en todo lo que necesites.

Estas son algunas de las opciones de alojamiento web para PrestaShop que podemos ofrecerte:

Hosting PrestaShop