Insert js and css files in head in certain pages only ?

FrancoisRJoom · Post by **FrancoisRJoom** » Mon Jan 25, 2016 12:48 pm

Hello everyone,

I must insert css and javascript files only in a few pages of my website and not others not in all of them
These css and js files should be in the <head> section just before the closing tag</head>
Do you know if there is a secured and updated extension to do that with the last version of joomla ?
If not, is there an other solution ?

I am absolutely ok to pay for that. I would even feel more confident with a commercial extension

I thank you already and I am looking forward impatiently your advises

François

brian · Post by **brian** » Mon Jan 25, 2016 12:50 pm

I would try this https://joomla-extensions.kubik-rubik.d ... ss-control

FrancoisRJoom · Post by **FrancoisRJoom** » Mon Jan 25, 2016 12:59 pm

Great, thanks Brian. It seems to be what I need. However the design of there website isn't that reassuring. Can I trust them on security ? Do you think they update this extension often ? Do you have other suggestions ?

brian · Post by **brian** » Mon Jan 25, 2016 1:10 pm

Developers are rarely good at design. But if you look Viktor Vogel is on the core Joomla production leadership team

dude808 · Post by **dude808** » Mon Jan 25, 2016 2:53 pm

Hi @FrancoisRJoom,

I can vouch for Viktor Vogel. I find him to be one of the most reliable, dedicated, and friendliest Joomla! developers on this planet.

I have posted several tweets about him and his extensions on a number of occasions.

But if you do not want to take my word for it, ask around, or even better contact him directly (https://twitter.com/viktorvogel) I'm sure he would gladly address all of your concerns.

Regards,

Joe Campbell
https://twitter.com/heyjoecampbell

leolam · Post by **leolam** » Mon Jan 25, 2016 4:26 pm

I can concur to what Brian stated. This plugin works like a charm and I am very happy to receive guidance from Victor in The Joomla Bug Squad. He is a very professional developer and a tremendous Joomla contributor.

Leo

FrancoisRJoom · Post by **FrancoisRJoom** » Mon Feb 01, 2016 2:11 pm

Great thank you all. I am changing the tatus of this post to "resolved"
I will follow your advices and let you know how happy I ll be.

FrancoisRJoom · Post by **FrancoisRJoom** » Wed Feb 03, 2016 1:26 pm

Hi,

I tested the Victor Vogel plugin "JS CSS Control". Unfortunaltly it doesn't do what I want.

It suppresses loading jss and css files on pages where they are not needed.
But what I need is to load js and css files on the pageswhere they are needed.

The difference my seem subtile but it changes everything.
I cannot list 198 pages among 200 where a css file is not needed.

Any other recommandation ?

Post by **Per Yngve Berg** » Thu Feb 04, 2016 2:35 pm

Set a Page Class Suffix in the Menu items and use php code in the head section in your template to load the css.

FrancoisRJoom · Post by **FrancoisRJoom** » Thu Feb 04, 2016 2:42 pm

Interesting Per Yngve Berg,
lets say my Page Class Suffix is "page_insurance"
and my css style sheet is located there templates/mytemplate/css/page_insurance.css
what would be the php code I should write ?

Post by **Per Yngve Berg** » Thu Feb 04, 2016 9:16 pm

Code: Select all

<?php
$app             = JFactory::getApplication();
$doc             = JFactory::getDocument();
$itemid   = $app->input->getCmd('Itemid', '');
$menu     = $app->getMenu();
$menuParams = $menu->getParams($itemid);
$pageclass  = $menuParams['pageclass_sfx'];
// Add Stylesheets
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/'.$pageclass.'.css');
?>

AlexVega · Post by **AlexVega** » Tue Feb 09, 2016 6:42 am

Hi there,

Also you can try with this extension:
http://extensions.joomla.org/extensions ... pt-control

Cheers!

FrancoisRJoom · Post by **FrancoisRJoom** » Mon Sep 26, 2016 10:07 am

Hi i'm coming back here to tell you what I finally do to insert css and js files in the page I want and not the others.
I use the excellent extension sourcerer by regular labs.
It's by far the simplest extension I tried so far and the most complete. It works on modules also etc. Peter the developper is very helpful he is reliable on the regular updates.
Once you installed the extension you place this code in an article :

Code: Select all

{source}
<?php
   $doc->addScriptDeclaration( $script );
   $doc->addScript( JURI::root( true ).'templates/mytemplate/js/myjsfile.js' ); 
   $doc->addStyleDeclaration( $css );
   $doc->addStyleSheet( JURI::root( true ).'templates/mytemplate/css/mycss.css' ); 
?>
{/source}

semmel · Post by **semmel** » Thu Oct 20, 2016 6:37 pm

It looks like the JS CSS Control now can include files, not only exclude. I can exclude files, but can not get include to work. I select "Yes" in "Toggle - Flip Execution Limitation" but no file is included.
Any tip?
Thanks

semmel · Post by **semmel** » Sat Oct 22, 2016 9:00 am

Oh it should be "JCC - JS CSS Control" not JS CSS Control. Link

FrancoisRJoom · Post by **FrancoisRJoom** » Tue Dec 27, 2016 11:02 pm

hey i m back here to let you know tht the sourcerer extension is the best one i tried its free and works very well

The Joomla! Forum™

Insert js and css files in head in certain pages only ?

Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?

Re: Insert js and css files in head in certain pages only ?