Adding a javascript to all pages in OpenCart

Question

I'm new to OpenCart and don't have any experience with PHP, so I have a question. I want to add the following JavaScript to hide the url bar on mobile browsers

// When ready...
 window.addEventListener("load",function() {
 // Set a timeout...
 setTimeout(function(){
 // Hide the address bar!
 window.scrollTo(0, 1);
 }, 0);
});

However, I can't find a way to insert this so this code will be executed on all pages in OpenCart. Where should I put this code?

Answer 1

save your script to a file, say 'catalog/view/javascript/myscript.js'

Then add

$this->document->addScript('catalog/view/javascript/myscript.js');

to the catalog/controller/common/header.php some place before this line:

$this->data['scripts'] = $this->document->getScripts();

You could also just place your script inline into catalog/view/theme/{theme name}/template/common/header.tpl using normal html markup.

Answer 2

Looking at the theme documentation, I believe you want to edit the following file:

catalog/view/theme/{your-theme}/template/common/header.tpl

These templates (header, footer, etc) should appear on all pages.