Jump to content

 

lparodi

Member Since 08 Dec 2014
Offline Last Active Mar 17 2016 11:05 AM
-----

#235316 Different Background Color For Different Pages

Posted by lparodi on 20 November 2015 - 11:40 AM

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;
}




#223363 Collapsible Product Description Paragraphs

Posted by lparodi on 17 July 2015 - 11:43 AM

Hello everyone,
I need to make three paragraphs collapsible in the product descriptio and I'm trying to use bootstrap to do that.
I want to show the description, ingredients and how to use in collapsible divs.

It works well in the back-end but it doesn't in the user interface.

<a href="#collapsediv" data-toggle="collapse" aria-expanded="false" aria-controls="collapsediv">How to use</a>
<div class="collapse" id="collapsediv">here the text I want to show and hide</div>

Any idea ???
Thanks !