Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Different Background Color For Different Pages Rate Topic   - - - - -

 
  • lparodi
  • Member
  • Trial users
  • Join Date: 08-Dec 14
  • 46 posts

Posted 10 November 2015 - 04:06 PM #1

Hello,

I need to have some pages with black background (home and some other pages) and have the category and product detail pages with a white background.

Even if I don't agree with this kind of "design" I have to please my "customer" ...

Any idea on how to do that ? Create custom templates or whatever ?

 

Thanks

Luca



 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1451 posts

Posted 10 November 2015 - 07:55 PM #2

Hi Luca

 

check our addon http://www.cscart.bi...background.html

 

Fotis


Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • lparodi
  • Member
  • Trial users
  • Join Date: 08-Dec 14
  • 46 posts

Posted 19 November 2015 - 04:40 PM #3

Hi Fotis,

hope you are well.

Thank you for your suggestion but this not what I was searching for,

I have the Homepage in black, and intermediate page to chosse between two main categories in black, and then the Categories and Product detail pages in white.

I'm working with the my_changes costumization method and by changing the templates, but I don't have found a solution yet.

 

Thanks

Luca



 
  • lparodi
  • Member
  • Trial users
  • Join Date: 08-Dec 14
  • 46 posts

Posted 20 November 2015 - 11:40 AM #4

Hello,

I have found a possible solution by adding a class to the index.tpl body tag

 

<body class="custom-{$runtime.controller}">

 

This way I have "custom-categories" for the categories page body tag and "custom-products" for the product detail page body tag.

After that, working with the CSS selectors is quite easy.

 

For example to have the product categories grid with a white background:

 

.custom-categories .content-grid {
    background-color:#fff;
}