How to add internal JavaScript file to Magento, so it's code would be included on every frontend page?
Edit: i edit this question because it isn't duplicate because in other question, ask how can add external Javascript.
2
-
The title of the linked duplicate may look different, but @philwinkle's answer explains how to add JS to every page.Fabian Schmengler– Fabian Schmengler2015-12-28 11:17:41 +00:00Commented Dec 28, 2015 at 11:17
-
isn't duplicate, search other question with this title....str_lml– str_lml2015-12-28 11:20:51 +00:00Commented Dec 28, 2015 at 11:20
Add a comment
|
2 Answers
I reckon the best way is to do it by using a core/text block.
You can try adding the following to your local.xml file:
<reference name="head">
<block type="core/text" name="mycustomjavascript">
<action method="setText">
<text><![CDATA[<script src="linktoyourjavascript.js"></script>]]>
</text>
</action>
</block>
</reference>
If you don't have a local.xml file, create one under app/design/frontend/your_package/your_theme/layout.
<?xml version="1.0"?>
<layout version="0.1.0">
<default>
<reference name="head">
<block type="core/text" name="mycustomjavascript">
<action method="setText">
<text><![CDATA[<script src="linktoyourjavascript.js"></script>]]>
</text>
</action>
</block>
</reference>
</default>
</layout>
answered Dec 28, 2015 at 10:38
Raphael at Digital Pianism
70.8k37 gold badges192 silver badges357 bronze badges
-
Yeah, i use these but the problem is the next: i add in local.xml these code but dont shows you have the file. Sorry for my Englishstr_lml– str_lml2015-12-28 10:48:32 +00:00Commented Dec 28, 2015 at 10:48
-
Do you already have a local.xml or do you create one based on my solution ?Raphael at Digital Pianism– Raphael at Digital Pianism2015-12-28 10:51:06 +00:00Commented Dec 28, 2015 at 10:51
-
i hadn't a local.xml, but i use ur code in my module. I have my holamundo.xml and i add the code: <action..etc. I create a local.xml in app/design/frontend/base/default/layout(this is my theme) and not found this solutionstr_lml– str_lml2015-12-28 10:57:56 +00:00Commented Dec 28, 2015 at 10:57
-
It's work now, but the problem is, Where do I have to place the javascript file?str_lml– str_lml2015-12-28 10:59:47 +00:00Commented Dec 28, 2015 at 10:59
-
In your post, you said it was an external javascript, not an internal one. If it's an internal javascript, please change your post.Raphael at Digital Pianism– Raphael at Digital Pianism2015-12-28 11:04:24 +00:00Commented Dec 28, 2015 at 11:04
Put the JS file somewhere into the "js" folder, and in the XML layout you can include it with:
<reference name="head">
<action method="addJs"><script>folder/file.js</script></action>
</reference>
Edit: You can also do it in your block:
protected function _prepareLayout()
{
$this->getLayout()->getBlock('head')->addJs('path/from/js/folder/to/your/file.js');
return parent::_prepareLayout();
}
you can also add in page.xml
<block type="page/html_head" name="head" as="head">
<action method="addItem"><type>skin_js</type><name>path/to/file.js</name></action>
</block>
I hope this will help you.
-
i put my JS in C:\wamp\www\mag\js, in the console of browser(F12) say not found jsstr_lml– str_lml2015-12-28 11:01:29 +00:00Commented Dec 28, 2015 at 11:01
-
where you call js file? in xml? please specify tagDenish Vachhani– Denish Vachhani2015-12-28 11:03:34 +00:00Commented Dec 28, 2015 at 11:03
-
I want to call internally javascriptstr_lml– str_lml2015-12-28 11:06:56 +00:00Commented Dec 28, 2015 at 11:06
-
you want to add code javascript in phtml?Denish Vachhani– Denish Vachhani2015-12-28 11:08:06 +00:00Commented Dec 28, 2015 at 11:08
-
yes, but i have the code javascript in a filestr_lml– str_lml2015-12-28 11:08:47 +00:00Commented Dec 28, 2015 at 11:08