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.

Answer 3

You don't need to go through this trouble especially if you don't have access to FTP. All you need to do is just go to admin panel > design > theme editor > and choose the respective parts to insert the codes. If is footer then just choose footer.twig.

After adding the codes, click Save and you will see the changes immediately. If add the codes directly to the file on FTP, it won't work.

Tried and tested on OpenCart 3

Answer 4

要添加这样的脚本，只需转到管理面板>设计>主题编辑器>选择“常用”>页脚，然后在文件末尾（ </html> ）添加脚本。

Answer 5

如果你想要脚本到OC的所有页面，只需在footer.tpl或footer.twig中的页脚标记之前添加它