Is it possible to set variables for .css files just like we set variables for .tpl files?

[JoelWebsites]

Is it possible to set variables for .css files just like we set variables for .tpl files?

 

If anyone knows how to get this done please let me know thank you.

[selectshop.at]

Mainly yes

 

See some tutorials samples on the net: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables

http://www.w3.org/TR/css-variables/

 

Prestashop is already using SASS in his templates

 

http://sass-lang.com/#variables

[bellini13]

When you say variables like .tpl files, do you mean using the smarty engine to define name/value pairs and have the CSS processed through the smarty engine?

[selectshop.at]

@JoelWebsites - Here I found a good tutorial comparing LESS and SASS. Prestashop already integrated SASS, we hope that this will be good for the software. I'm seeing several designers saying that LESS is better.   Boths manage css variables and classes on a given library.

 

EDIT: I forgot to mention that there is a third one - Stylus. SASS is the oldest one of css stylesheet langugaes

 

LESS (Apache)

SASS (OS independent)

Stylus (cross platform)

Edited April 16, 2015 by selectshop.at (see edit history)

[JoelWebsites]

What i did was i copied my .css code inside the header.tpl inside <script> tags ..so now the css is working as well as i will be include the variable..

 

 

I got the variables set my using this code in hookHeader()

{

 

$smarty = $this->context->smarty;

$smarty->assign(array('id_supplier' =>"JOEL",

'JOEL' =>"Fernandes",

'password' =>"123",

));

 

}

 

 

So now {$JOEL} is global variable that can be used in all the .tpl files

Edited April 24, 2015 by JoelWebsites (see edit history)

[selectshop.at]

This is a possibility too, but restricted only to the theme in use. You can also add JS by the same way, not only css.

[JoelWebsites]

I got the variables set my using this code in hookHeader() in my module

{

 

$smarty = $this->context->smarty;

$smarty->assign(array('id_supplier' =>"JOEL",

'JOEL' =>"Fernandes",

'password' =>"123",

));

 

you will need to return $this->display(__FILE__, 'header.tpl'); inside public function hookdisplayHeader($params)

incase you want to do it for a module..

 

}