Cómo Cambiar el Color de la Plantilla de PrestaShop – Módulo Gratuito

Categorias: PrestaShop

Cómo Cambiar el Color de la Plantilla de PrestaShop - Módulo Gratuito

PrestaShop es un CMS bastante configurable. Tiene muchas plantillas en las que podemos elegir un diseño que nos guste y miles de módulos para añadir funcionalidades, pero si queremos cambiar un color de la plantilla, tenemos que modificar el fichero CSS. Aquí tenemos el módulo gratuito «Color Change» para facilitarnos el trabajo.

Con PrestaShop, cualquiera con ciertos conocimientos y un poco de buen gusto puede conseguir resultados profesionales modificando una plantilla.

Se pueden modificar muchas cosas y todas ellas se hacen de forma sencilla y visual para dejarlo a nuestro gusto particular, sin necesidad de tocar código o modificar archivos.

En cuanto hay que modificar un archivo o añadir añadir /quitar algo de código, la cosa se complica. No porque sea algo muy complejo, pero si no se ha realizado nunca, es algo que puede imponer respeto.

Una de los puntos en los PrestaShop no tiene opciones visuales en su interface es si queremos cambiar los colores de la plantilla que estemos usando.

No es que no se pueda hacer, podemos añadir nuestros propios estilos editando el archivo custom.css, pero es algo más complejo, sobre todo si no has tocado nunca un fichero .css.

Parea evitar esto, podemos usar el módulo gratuito Color Change o Template color/font change, como lo llama el desarrollador en su web.


Tenemos diferentes tipos de hosting, selecciona uno:


 

Módulo Color Change para PrestaShop

Si alguna vez te has visto obligado a editar el archivo .css para modificar algo en PrestaShop, te va ha sorprender lo fácil que se puede hacer lo mismo con el módulo Color Change.

Antes de instalar el módulo y realizar cambios, es recomendable que tengáis un backup reciente por si luego quieres volver atrás y no recuerdas la configuración de colores por defecto.

IMPORTANTE: Antes de realizar cambios en PrestaShop o instalar un módulo nuevo, es muy recomendable que hagas cuna copia de seguridad de archivos y base de datos.

El módulo es gratuito y se puede descargar directamente desde la web des desarrollador haciendo click aquí.

modulo color change gratuito - PrestaShop

No es necesario registrarse en la web para poder descargar el módulo, puedes añadirlo al carrito y luego pulsar en la opción Pedido Rápido como Invitado.

Una vez aceptes los términos y condiciones, llegarás a la páginas de descarga del módulo.

color change pagina descarga - PrestaShop

Cuando lo descargues, se hará en un archivo .zip llamado colorchange.zip. No debes descomprimirlo, ya que para instalarlo directamente desde el propio backend de PrestaShop, tiene que estar comprimido en .zip.

 

Instalación y Configuración del Módulo Color Change

Ya tenemos el módulo descargado en nuestro ordenador, ahora sólo queda instalarlo y configurarlo en PrestaShop.

Para instalar el módulo en PrestaShop solo tenemos que acceder a nuestro backoffice como administradores y dirigirnos a Personalizar > Módulos > Module Manager.

prestashop module manager PrestaShop

Desde aquí, sólo tenemos que hacer click en botón Subir Módulo, que encontrarás en la parte superior de la pantalla.

En la nueva ventana que se abrirá, verás que tienes una opción para Seleccionar el Archivo. Si la pulsas se abrirá el cuadro de carga de archivos y tendrás que buscar el archivo .zip que descargaste con el módulo.

selecionar modulo colorchange - PrestaShop

En unos pocos segundos ya tendremos nuestro módulo listo para empezar a utilizarlo en la sección Otro.

modulo color change instalado - PrestaShop

La configuración es muy sencilla, ya que se muestra una lista de todos los elementos que podemos cambiar el color y al lado una barra de colores para elegirlos.

También podemos añadir el número del color, por la homogeneidad visual, pero en cualquier caso es algo muy intuitivo.

configuracion colores color change - PrestaShop

Quizás la mayor dificultad sea encontrar el elemento que queramos cambiar, pero para eso existe el infalible método de prueba y error.

ejemplo configuracion colores prestashop

También tenemos una opción para cambiar el tipo de fuente y su tamaño.

Hay que tener cuidado con esto, ya que un cambio en la tipografía puede dar al traste con todo el diseño de nuestro PrestaShop, así que recuerda tener una copia de seguridad a mano por si acaso.

color change tipografia - PrestaShop

Cosas a Tener en Cuenta

El módulo Color Change para PrestaShop funciona bien, es correcto y hace lo que dice que hace sin tener que tocar a mano los archivos CSS.

Tiene algunas carencias propias de un módulo gratuito, como poder volver a la configuración original de colores de una manera sencilla o mejor aun, una previsualización.

También hay que recordar que la caché, tanto de PrestaShop como de nuestro navegador, puede darnos un problema y no mostrar los colores correctamente tras el cambio.

Es conveniente estar borrando la caché de PrestaShop y probar en un navegador que no guarde la caché o se elimine cada vez que se cierre.

En cualquier caso, el módulo Color Change es una opción a tener en cuenta si quieres modificar los colores de tu plantilla de manera visual.

 

Hosting PrestaShop SSD + LiteSpeed

  • Hosting especializado en Prestashop con discos SSDPrestashop 1desde4´38€ / mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 2desde5´54€ / mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 3desde8´34€ / mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 1desde4´38€/mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 2desde5´54€/mes
  • Hosting especializado en Prestashop con discos SSDPrestashop 3desde8´34€/mes
    • Almacenamiento en disco duro ultra rapido SSDAlmacenamiento en disco duro ultra rapido SSDAlmacenamiento en disco duro ultra rapido SSDAlmacenamiento en disco duro ultra rapido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu Prestashop
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Prestashop
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Prestashop
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!