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
