Custom product background

[chilumo]

Hello, 

 

i found various ways how to change prestashop background when you want to have one and only color or picture. However I'm looking for a way how to have custom background on every product. For example, for product X1, I want to use Y1 background picture, for X2 - Y2, X3 - Y3.... etc. Is there any way to do that? 

 

thank you for sharing your thoughts! 

[NemoPS]

You could try playing with the id in the body

body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if}

 

Append this to the id  {if isset($smarty.get.id_product)}_{$smarty.get.id_product}{/if}

So that you can target #product_1, #product_15, etc

[chilumo]

Hi, thanks for an answer? 

Should I edit product.tpl file in themes folder or something else? 

[NemoPS]

Oh, no, it's header.tpl in the theme folder

[informatikadomicile]

You could try playing with the id in the body

 

body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if}

 

Append this to the id  {if isset($smarty.get.id_product)}_{$smarty.get.id_product}{/if}

 

So that you can target #product_1, #product_15, etc

 

what is the right syntax:

body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if}

 

Append this to the id  {if isset($smarty.get.id_product)}_{$smarty.get.id_product}{/if}

 

we sholud use this body{if isset($smarty.get.id_product)}_{$smarty.get.id_product}{/if} on the header.tpl page

that's true

[NemoPS]

Actually it seems you can do that already with classes, I made a tut on it, it will be on next monday.

Use it like .category-id, so for example .category-8 {background:red} or in your case .product-9

Edited November 6, 2015 by Nemo1 (see edit history)