writing my own module - how to include css an js ?

[fransjaeger]

Hi there

 

I have managed to include css an js files, BUT its included using hookDisplayHeader()

That means its included on all pages and slowing my pages.

 

How can I include my css and js fils ONLY on the relevant pages?

 

Module is placed here on github

 

Thanks in advance

[vekia]

you have to add php condition to check on what pages customer is.

for exmaple:

if (Tools::getValue('controller','false') != 'false'){
 if (Tools::getValue('controller') == 'product'){
  // HERE CODE TO ADD CSS OR JS
 }
}

[fransjaeger]

Cool! off course!

Thanks Vekia

 

I got a suplymentary question

But what would i have to do with my hooks?

Is there a way to put something inside here, that includes the the css/js files when a hook is executed

[vekia]

have you tried to add 

		$this->context->controller->addCSS($this->_path . 'views/css/css.css', 'all');
		$this->context->controller->addJS($this->_path . 'views/js/bookmark.js');

in this hook?

i remember that in prestashop 1.4 there was a problem with including js css libraries in other hooks than hookHeader

but now, in ps 1.6 you shouldn't have this problem

[fransjaeger]

have you tried to add 

		$this->context->controller->addCSS($this->_path . 'views/css/css.css', 'all');
		$this->context->controller->addJS($this->_path . 'views/js/bookmark.js');

in this hook?

i remember that in prestashop 1.4 there was a problem with including js css libraries in other hooks than hookHeader

but now, in ps 1.6 you shouldn't have this problem

Yes I have tried that, and I just tried it again, but for some reason it doesnt load them. It only works for me when I put it inside the hookDisplayHeader()

I cant grasp what Im doing wrong, cause i've seen that how it can be done, like you suggest.

[fransjaeger]

Im sometimes wondering... are you and al capone (el patron) the only active people in here?