Módulo para añadir CSS personalizado en Prestashop 1.7

Prestashop 22 octubre, 2019

A la hora de editar y personalizar nuestra tienda en Prestashop, una de las formas más completas de dejar nuestro estilo es añadir CSS personalizado.

Existen varias formas de insertar nuestro CSS al tema actual que estemos utilizando, y una de ellas es mediante un módulo que nos permita agregar el código desde el BackOffice de Prestashop sin tener que editar directamente las hojas de estilos del tema que estemos usando.

En este post, vamos a ver como añadir CSS en Prestashop 1.7 mediante un módulo.

 

En primer lugar vamos a la web del módulo Custom Code Module y descargamos el módulo.

 

Ahora nos dirigimos al Backoffice de nuestro Prestashop y al apartado Módulos > Module Manager > Subir un módulo e instalamos el archivo comprimido que descargamos en el paso anterior.

 

Continuamos en el Backoffice de Prestashop y vamos a Parámetros Avanzados > Rendimiento y desactivamos la Caché para que cuando añadamos código CSS propio podamos ver los cambios en nuestra tienda al instante.

Recuerda que una vez hayas insertado tu código CSS puedes volver a activar la Caché si lo deseas.

 

Para finalizar, vamos a probar a añadir nuestro código CSS personalizado a la tienda. Para ello vamos a Módulos > Module Manager y escribimos la palabra Code en el buscador.

Con ella escrita, nos aparecerá el módulo que hemos instalado en el primer paso y hacemos clic en Configurar.

 

Ahora simplemente nos queda añadir nuestro código a las cajas de texto correspondientes y guardar los cambios para verlos efectivos en nuestra tienda de Prestashop.


Deja un comentario

Tu dirección de correo electrónico no será publicada.

Trending

La Coruña, España Correo contacto@pc-solucion.es