How to override theme javascript

In this tutorial you will learn how to override a theme javascript function from the znscript.js file.

Prerequisite

  • Good knowledge of Javascript code language
  • A child theme for theme activated

How to:

  • Open the /js/zn_script_child.js file from THEME-child theme
  • Add the following javascript code :
(function ($) {
    jQuery.ZnThemeJs.prototype.FUNCTION_NAME_YOU_WANT_TO_OVERRIDE = function(scope) {
        // Your Javascript code here
    }
})(jQuery);

Please note that by doing this, you will override the whole function from the master theme. In case that a fix is made in the master theme and you override the function from the child theme, you won’t get the fix unless you manually update your function.