Guía – Cambiar el fondo de tu tienda según el contenido creado (CMS) en Prestashop 1.5

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:

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if}">

Y la dejamos así:

 

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $smarty.get.id_cms}contenido{$smarty.get.id_cms}{/if}">

Dentro de class, hemos añadido lo siguiente:

{if $smarty.get.id_cms}contenido{$smarty.get.id_cms}{/if}

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:

.contenido5 {background:red;}

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…

.contenido6 {background:black;}

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