En esta guía, explicaremos como tener un fondo distinto en nuestra tienda Prestashop, según el contenido que hemos creado en la pestaña Preferencias -> CMS de nuestra tienda bajo Prestashop 1.5
Recordamos, que actualmente tenemos una guía, para crear o modificar nuevos contenidos: Guía – ¿Donde crear nuevos contenidos en Prestashop 1.5?
Lo primero que vamos hacer, es editar el fichero:
/themes/default/header.tpl
Una vez hemos accedido al fichero en cuestión, buscaremos la siguiente linea:
[sourcecode language=»text»]
[/sourcecode]
Y la dejamos así:
[sourcecode language=»text»]
[/sourcecode]
Dentro de class, hemos añadido lo siguiente:
[sourcecode language=»text»]
{if $smarty.get.id_cms}contenido{$smarty.get.id_cms}{/if}
[/sourcecode]
Esto nos permitirá ahora, identificar el body con clases distintas en el css, según en el contenido (cms) donde nos situemos.
Por ejemplo para poner un fondo a la pagina, si estamos en el contenido (cms) con «id 5», iríamos por ejemplo al fichero:
/themes/default/css/global.css
Y añadiriamos lo siguiente:
[sourcecode language=»text»]
.contenido5 {background:red;}
[/sourcecode]
He puesto un color por poner un color cualquier, también podríamos haber puesto una imagen….
Si fuera para el contenido (cms) con id 6, pues añadiríamos en el css…
[sourcecode language=»text»]
.contenido6 {background:black;}
[/sourcecode]
Y así sucesivamente.
* Actualización del artículo:
Tenéis un artículo actualizado para Prestashop 1.7, que os permitirá cambiar el fondo según la página de contenidos para dicha versión => Revisar tutorial
