Joomla Extensions, Components, Modules, Plugins

Add Custom JavaScript v.2.0.1

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

Joomla! 4.x, 5.x Module

  LIVE DEMO    DOWNLOAD

  • You are here:  
  • Home
  • Joomla Extensions
  • Add Custom JavaScript

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 code as inline code in the head section of 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.

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.

DownloadAdd Custom JavaScript

Read More

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

Demo

Read More

Joomla Installation

  1. Download Add Custom Javascript.
  2. In the Joomla control panel select: System > Extensions in the Install section.
  3. In the Upload Package File section click "Or browse for file" and locate the "add-custom-javascript-2.0.1.zip" file.
  4. Then click Open to upload the file and complete the installation.

Configuration

To configure Add Custom Javascript go to the Joomla control panel and select: Content > Site Modules. Locate "Add Custom Javascript" in the list and click it. You can see the Parameters of the extension as below:

Add Custom Javascript Parameters

Parameters

The Add Custom Javascript extension has the following parameters:

  • JS Code: Fill in your custom Javascript code.
  • Remove Comments: Remove the comments from all the custom JS code.
  • Minimize: Minimize the custom JS code.

Don't forget to:

  • Publish the module.
  • Set the module position. It is recommended to use a position at the end of the template (e.g. the Debug position).
  • To select the pages the custom JS code will load, in the "Menu Assignment" tab.

Uninstall from Joomla

  1. Select: System > Extensions in the "Manage" section.
  2. Locate the line with name "Add Custom Javascript" in the list.
  3. Check the line and click "Uninstall".

Notice

Please keep 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:

  1. Add Custom PHP
  2. Add Custom CSS
  3. Add Custom Javascript
Read More
  • Extension version: 2.0.1
    (This version is not compatible with the previous version 1.2.0 which works only in Joomla 3.)
  • Extension type: Module
  • Extension technologies: PHP
  • Compatible Joomla version: 4.x, 5.x.
Read More
  • 2.0.1:
    • Fix to the font color of the code editor.
  • 2.0.0:
    • Compatible with Joomla 4.x and 5.x. It is not compatible with Joomla 3.x.
      Changed to module (it was plugin).
      The JS code is written inside the extension's code editor and not in a separate file.
  • 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.
Read More