Jump to content


This topic is now archived and is closed to further replies.


How to add JavaScript Code in the header

Recommended Posts

Fiskaz    0

Dear Pageline,


I tried to add below attached JavaScript code in the custom header section but it shows problem loading error. But when we check on the website fiskaz.com it shows the output but when I am trying to edit it shows problem loading. Previously Martin updated the same issue but I dont know how to remove those codes from the header. Could you please let me know how to remove those code so that in future if it happens so we can remove those codes. Also please let me know how to add that kind of JavaScript code in the header section.


Please look at the same ASAP.

Share this post

Link to post
Share on other sites
greenfly    230

Hello Fiskaz


Good to hear the Dev team got to the bottom of the problem for you. 


You can remove any custom code from your site in cases such as this by going to your WordPress admin page and to the menu item 'PageLines'


Wordpress Admin > PageLines > Fallback 


In the Fallback you will see the custom scripts and CSS code entered on your site and from here you can amend or remove the code as necessary. 


Adding javascript to WordPress sites is handled in the theme files and the method can be seen here https://codex.wordpress.org/Using_Javascript


We do not recommend changing any core files as we cannot support changes made to these files. so you are advised to do this by adding the code to a Child theme. this protects the core files and also your code as it would be overwritten by any update to DMS. 


Adding the code to a DMS Child theme is explained in detail here http://docs.pagelines.com/customize/base-child-theme


The best Child theme in my opinion is the bare bones child theme created by my colleague Danny and can be downloaded from his GitHub page here https://github.com/Dannyholt/Skeleton

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 


Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post

Link to post
Share on other sites

  • Similar Content

    • chamois_blanc
      By chamois_blanc+
      I am trying to clone a container on a page. It throws the following javascript error:
      function l(b, c, e, f) { var g = m.a.f.get(b, p); if (!c) { if (g) throw Error("You cannot apply bindings multiple times to the same element."); m.a.f.set(b, p, !0) } I would appreciate guidance and a fix. Thank you
    • Jeremiah
      By Jeremiah+
      Error: editing.js?ver=930684:5 Uncaught TypeError: Cannot read property 'getData' of undefined
      I have all of the plugins disabled and I still receive the error.
      Page Editor will not load on page.
    • oseehys
      By oseehys+
      Can someone give me a breakthrough out here?
      I have been on the media player for like 5 hours now yet it is still not displaying on my media box or the textbox,
      its a free media player on soundclound
      Great day ahead to the developers out here...
      am trying to install the Toneden media player https://www.toneden.io/player to display my songs on sound cloud, i followed everything on the doc, but obviuosly am missing something i did everything i can for 5 hours yet no breakthrough, am using the textbox as display.
      This is the html script i used, what am i missing here? see it below
        (function() { var script = document.createElement('script') script.type = 'text/javascript'; script.async = true; script.src = 'http://sd.toneden.io/production/toneden.loader.js' var entry = document.getElementsByTagName('script')[0]; entry.parentNode.insertBefore(script, entry); }()); ToneDenReady = window.ToneDenReady || []; ToneDenReady.push(function() { ToneDen.player.create({''enter code here'' dom: '#player', urls: [''https://soundcloud.com/reginaspektor'' ] }); });
    • wesleymusgrove
      By wesleymusgrove
      I'm trying to execute some simple JavaScript inline in the style.less file of my child theme.  But it causes some LESS compiler error and completely breaks the DMS editor so I can't edit anything or use the toolbar on the frontend.
      @all-background-colors: "#D09EC8,#F2DD8B,#84e0cd,#F3904E"; @background-color: color(~`@{all-background-colors}.split(',')[Math.floor(Math.random()*@{all-background-colors}.split(',').length)]`); body { background: @background-color; } On http://less2css.org/, this snippet works and randomly changes the body's background to 1 of the 4 colors in @all-background-colors.
      Even something as simple as this anonymous function breaks the compiler:
      @color: ~`(function(){ return "red"; })()`; body { background: @color; } The only way to fix the DMS editor is to remove the JS from my style.less file, and then edit and save the LESS fallback section in the dashboard.
      I tried setting PL_LESS_DEV in my wp-config.php according to http://www.pagelinestheme.com/dms-custom-less-tips/, but it doesn't clear the cache every page refresh like it's supposed to.
      define('PL_LESS_DEV',true); Is it possible to execute this kind of JavaScript in the style.less file of a DMS child theme?
    • jfsturtz
      By jfsturtz
      Hi again.
      I'm aspiring to place an image on a page with a MediaBox, then define an HTML image map (<map>, <area> ...), then define an HTML <canvas> over it, then draw on the canvas with custom javascript.
      Before I spring $25 -- is Hooker the right guy for this job?  I know you can't support custom script; I'm fine with that -- I've got it all developed and working in JSFiddle.  I just want to know if Hooker is the right (or at least a workable) way to integrate it into my DMS2 site.