Cambiar colores en Prestashop 1.7

En su momento, estuvimos comentando como cambiar 2/3 fondos de la plantilla por defecto en Prestashop 1.7 añadiendo nuestros propios estilos en el fichero /themes/classic/assets/css/custom.css 

En esta ocasión, vamos hablar de un módulo desarrollado por el usuario shacker de la comunidad de Prestashop, que nos permite cambiar colores “generales” sin tener que escribir código CSS de forma manual.

La instalación del módulo, sin ningún problema desde la pestaña módulos -> módulos

Módulo para cambiar colores en Prestashop 1.7

En la configuración del módulo vemos las opciones que nos permite a la hora de cambiar los colores de la plantilla.

Para no dar un repaso a todas las opciones, vamos a chequear 3 opciones:

Configuración de módulo para cambiar colores básicos en Prestashop 1.7

En la imagen, hemos señalado un color para el encabezado, otro para los precios y otro para el pie de página.

A la hora de cambiar/elegir el color, nos proporciona una paleta con la que podemos seleccionar el color a configurar de forma intuitiva.

Paleta de colores

En este ejemplo, el resultado final ha quedado de la siguiente forma:

Color de fondo pie de página en Prestashop 1.7
Color precio de los productos en Prestashop 1.7
Color cabecera en Prestashop 1.7

¿Dónde puedo descargar este módulo para poder cambiar colores en Prestashop 1.7?

https://www.prestashop.com/forums/topic/611287-modulo-template-color-change-v10-ps-17/

https://catalogo-onlinersi.net/es/modulos-prestashop/492-cambio-de-color-de-la-plantilla.html

Enlace alternativo de una versión antigua del módulo por si fallan el enlace fuente.

Documento realizado bajo Prestashop 1.7.1.1 y la versión “1.0.0” del módulo

7 comentarios sobre “Cambiar colores en Prestashop 1.7”

  1. Muchísimas gracias por todos tus posts y tutoriales, no sabes lo bien que me están viniendo!! Están super bien explicados para alguien como yo que tiene los conocimientos básicos y está empezando en prestashop (vengo de oscommerce y creo que va siendo hora de un cambio …, gracias a tus tutoriales me decanté por prestashop y llevo un mes trabajando en ello y aprendiendo mucho!). Muchas gracias Victor!!

    1. Debería funcionar, yo la reseña la hice sobre la 1.7.1.1 porque en ese momento no exista Prestashop 1.7.2.X

      Descarga siempre la versión que te encuentres en el foro de Prestashop.

    1. Hola,

      ¿A que te refieres exactamente con que te sale con líneas?

      Muéstrame una captura que vea a que te refieres exactamente.

Responder a Víctor José Ródenas Gascó Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *