Personalizar theme prestashop: Como editar footer y header

Como personalizar el footer y header de nuestra tienda prestashop ?

Hola a todos!

un usuario de nuestro blog nos ha enviado el siguiente mensaje que creo que será de utilidad a muchos, por eso lo comparto:

Mensaje: Hola. estoy implementando una tienda online en prestashop y me interesa cambiarle un par de cositas a la plantilla pero no manejo muy bien el tema de los codigos, podrias darme un poco de acesoria tecnica para cambiar el footer y el header de mi web? Muchas gracias Un saludo

Respuesta:

Lo primero hay que tener claro algunos conceptos:

• Ir a la carpeta de nuestro prestashop “themes” y localizar la subcarpeta de nuestro theme o tema de prestashop, por defecto es “prestashop”, quedando situado: tienda/themes/prestashop

• Dentro de la carpeta del theme prestashop localizamos las plantillas tpl que hacen referencia a footer y header:

• footer.tpl

• header.tpl

• Saber que cuando se modifica cualquier plantilla TPL de prestashop hay que “forzar la compilacion smarty“, esto se consigue en la administración de nuestra tienda prestashop -> Herramientas -> rendimiento -> activar “forzar compilación” -> guardar y visitar la web para su compilación, una vez recompilado, volver y desactivarlo.

• Dato interesante:

• Os recomiendo que si es sólo para cambiar el aspecto (colores, tamaños, imagenes de fondo,etc..) podeis hacerlo mediante los CSSsituados en: themes/tu_Tema/css/

• En cambio si quereis añadir más elementos, podeis hacerlo sin editar estos archivos TPL y simplemente añadirlos mediante módulos, como puede ser un bloque de logeo, buscador, etc…

Entonces editamos bien el archivo “footer.tpl” o “header.tpl” y veremos un codigo muy similar a HTML junto a smarty, para ello tendreis que tener un poco de noción sobre estos lenguajes para poderlos editar.

Qué se puede hacer para personalizarlos los TPL?: todo lo que se nos ocurra…

• Cambiar la posición de HOOK

• Cambiar posiciones de otros elementos

• Tamaños y estilo CSS

• Añadir otros elementos que no se podria hacer mediante módulos

• etc…

Como podeis ver no necesariamente debemos editar “footer.tpl” y “header.tpl”, dependiendo del caso se podrá hacer cambiado la hoja de estilo CSS, añadiendo módulos de prestashop, o como último recurso editar los TPL.

Espero que os haya guiado un poco más de cuales son las posibilidades de personalización de nuestros header y footer de prestashop.

Un saludo.