Muchas veces una plantilla de PrestaShop necesita ciertos retoques o tenemos un cliente que nos “sugiere” pequeños cambios, personalizaciones, fuera de lo estándar. Con las plantillas básicas y gratuitas de PrestaShop esto no se puede realizar y andar cambiando código en ficheros internos de los que desconocemos su función es engorroso y hasta peligroso para nuestra salud.
En PRODISNET lo hacemos fácil, empleamos uno o dos módulos gratuitos, según necesidad.
- Custom code module by ST-themes
- Media Loader
¿Porqué es bueno instalar los dos módulos?
Con el móduo Custom code module by ST-themes podemos incluir código css, código javascript, añadir lineas en la cabecera HEAD o en el cuerpo BODY.
Con el módulo Media Loader podemos subir mediante FTP u otro sistema de gestión los ficheros .css o .js que se cargarán en nuestro proyecto.
Caso práctico
Planteamiento
Queremos utilizar el framework gratuito W3.CSS para maquetar partes de nuestra web con código css y queremos usarlo descarganado las clases en nuestra instalación haciendo referencia mediante un directamente al directorio donde se encuentra el fichero.
Pasos
- Ir a https://www.w3schools.com/w3css/default.asp
- Descargar el fichero w3.css o copiar su contenido por ejemplo con Notepad++ a un fichero con este nombre: w3.css
- Subir el fichero w3.css con un programa FTP (por ejemplo con Filezilla) a la siguiente carpeta de nuestra instalación:
- \modules\medialoader\css Nota: esta carpeta la ha creado el módulo Media Loader durante su instalación.
- Ir al módulo de PrestaShop Custom Code Module y añadir la siguiente línea dentro del apartado Head code:
Ya podeis utilizar cualquier clase del framework W3.CSS dentro de vuestro PrestaShop.