Estilos diferentes según la categoría en Prestashop

Vamos a estrenar nuestra sección de Prestashop en SEO para Google, y vamos a hacerlo viendo cómo aplicar estilos diferentes según la categoría en este CMS para comercio electrónico.

¿Para que tener sirve tener estilos por categorías en Prestashop? Bueno, es posible que quieras aplicar poner fondos diferentes mediante CSS según la categoría en Prestashop, por ejemplo en una tienda viajes, puedes tener un fondo diferente si se trata de viajes de playa o de montaña, o puedes hacer que los enlaces tengan un color diferente en cada tipo de artículo que vendes.

Vamos a ver una forma sencilla de poder aplicar estilos en función de la categoría, este caso vamos a hacerlo en un Prestashop 1.6, pero en teoría este método servirá para cualquier versión de Prestahop que use el motor de plantillas Smarty.

Vamos al header.tpl de nuestro tema y añadimos esta línea al final del atributo class de la etiqueta body.

{if $smarty.get.id_category}categoria{$smarty.get.id_category}{/if}

Ahora ya podemos llamar a la clase categoriaX (donde X es el id de nuestra categoría), simplemente debemos utilizar esta clase mediante nuestra hoja de estilos CSS para aplicar estilos exclusivamente a nuestra categoría.

Un ejemplo, vamos a poner un borde de color verde a los div de la clase .producto que estén en la categoría con ID 9.

body.categoria9 div.producto{
border: 3px solid green;
}

Nota:
Algunos temas vienen con esta clase definida por defecto, normalmente con el nombre category-X.