Add custom JS to yootheme

The configuration file /layouts/theme.config.php initializes all PHP classes and loads the necessary JavaScript. If you need to load custom JavaScript files, this is the place to do it. Enabled compression and Data URI will be applied automatically to all files you add here.

  • Create a new file /styles/STYLE-NAME/layouts/theme.config.php
  • Load the original file through PHP by using the require function.
  • Then add your JavaScript file to the asset collection, so it will be added automatically to the template header.
  • Put your own custom JavaScript file in the /styles/STYLE-NAME/js/MY-JS.js directory.

How will you file look like /styles/STYLE-NAME/layouts/theme.config.php

<?php require(__DIR__.’/../../../layouts/theme.config.php’);
// add script
$this[‘asset’]->addFile(‘js’, ‘js:MY-JS.js’);

So if we were to add sticky.js that  you can download here best would  be if yootheme could provide these somewhere within the warp and be able to call them when needed but they dont 🙁

if you add custom sticky functionality your /styles/STYLE-NAME/layouts/theme.config.php would look like this

<?php require(__DIR__.’/../../../layouts/theme.config.php’);
// add script
$this[‘asset’]->addFile(‘js’, ‘js:sticky.js’);

and you stule should look like this
custom-js

You can always contact us to help you if this is hard to do the more work we have the less we will charge 🙂

Tags: , , , ,

Nemanja Radevic

Wordpress expert Joomla expert Front end development expert Warp Framework expert Responsive design

Donate to help us continue and write posts to help people out there

you're currently offline