Add Custom Javascript

Load your custom Javascript code in your website.

Sometimes there is need to do customizations to the appearance of the template or the included extensions and these customizations are not possible using CSS. Also there is need to add some functionality on a form or button. This extension loads your custom Javascript file after all other Javascript files (except special hard coded occasions), allowing you to be the last one who will affect your website.

Using this extension for adding custom Javascript code there is no need to change the code of the template or the other extensions. That way you are free to apply updates, when an update from the creator is available, without worrying if the custom changes are going to be lost.

The custom Javascript code is embedded in the head section and not included as a link to the custom CSS file because this way the code is loaded last.

Free Download
This extension is free for download.

Download Add Custom Javascript
Demo of Add Custom Javascript
Documentation of Add Custom Javascript
Technical Information of Add Custom Javascript
Change Log of Add Custom Javascript

Load your custom Javascript code in the head of your Joomla website.

Download^{Add Custom JavaScript}

The buttons below will redirect you to another website displaying demos of the extension.

Demo 1

Download Add Custom Javascript and unzip it.
In the Joomla control panel select: Extensions > Install/Uninstall.
In the Upload Package File section click Choose File and locate the "add-custom-javascript-1.2.0.zip" file.
Then click Upload & Install to upload the file and complete the installation.

Configuration

In order to configure Add Custom Javascript go to the Joomla control panel and select: Extensions > Plugin Manager for the plugin version. Locate "System - Add Custom Javascript" in the list and click it. You can see the Parameters of the extension as below:

Parameters

The Add Custom Javascript extension has the following parameters:

Javascript File 1 Path: The relative path, starting from the Joomla installation folder, to your custom Javascript file. Example: templates/my-template/js/custom.js
Load File 1 In: Defines where the first custom Javascript file will be loaded. Front-end is the normal website. Back-end is the Joomla administration.
Javascript File 2 Path: The relative path, starting from the Joomla installation folder, to your custom Javascript file. Example: templates/my-template/js/custom.js
Load File 2 In: Defines where the first custom Javascript file will be loaded. Front-end is the normal website. Back-end is the Joomla administration.
Javascript File 2 Path: The relative path, starting from the Joomla installation folder, to your custom Javascript file. Example: templates/my-template/js/custom.js
Load File 2 In: Defines where the first custom Javascript file will be loaded. Front-end is the normal website. Back-end is the Joomla administration.
Remove Comments: Remove the comments from the Javascript file.
Minimize: Minimize the code of the Javascript file.

Uninstall from Joomla

Select "Extensions > Manage > Manage".
Locate the line with name "System - Add Custom Javascript" in the list.
Check the line and click "Uninstall".

Notice

It is recommneded to place it at the end of the plugin order in the Plug-in Manager.

Please have in mind that some templates and extensions may have special code customizations that affect the normal operation of Joomla and this may not allow your custom Javascript code to load last.

Full Customization

If you need full customization of your website then you can use all the following free extensions:

It is recommended to put these extensions in the order specified and after all other extensions in the list.

Extension version: 1.2.0
Extension type: Plugin
Extension technologies: PHP
Compatible Joomla version: 3.x, 4.x

1.2.0:
- Compatibility fix for Joomla 4.
1.1.2:
- Compatibility fix for PHP 7.
1.1.1:
- Fix to occasional problem when the fields are empty.
1.1.0:
- Auto update support.
- More options.
1.0.0:
- First release of Add Custom Javascript.

Add Custom JavaScript v.1.2.0