Magento: adding external jQuery files

Question

I'd like to know how to add external jQuery files to magento (on every page). And what is the best practice to do so?

Thanks

John · Accepted Answer · 2013-02-23 21:08:12Z

3

Just do this.
on the frontend (a default theme) do the modification for " app / design / frontend / default / default / layout / page.xml and then add this :

<action method="addJs"><script>jquery/jquery.min.js</script></action> to block with name “head” .

And on the backend (a default theme) do the modification for " modify app / design / adminhtml / default / default / layout / main.xml. :

Thats how javascript files will be included in every page header.
And here is a link to which you can refer and learn more.
http://www.fontis.com.au/blog/magento/using-jquery-magento " to learn more.

here is how you gotta write the " noConflict " .

<default>
<reference name="head">
    <block type="core/text" name="google.cdn.jquery">
        <action method="setText">
            <text><![CDATA[<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript">jQuery.noConflict();</script>]]>
            </text>
        </action>
    </block>
</reference>

Good luck

edited Feb 23, 2013 at 21:08

answered Feb 23, 2013 at 20:43

John

1643 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Ashish Sharma Over a year ago

okay so i have a theme that already uses jQuery files. So i think that i can safely assume that jQuery.noConflict() method would have been already applied, right? So will just adding jQuerry files to the page.xml will do the trick?

John Over a year ago

You gotta write the " noConflict " too . I'd just add it to my codes.

John Over a year ago

I suggest you to read this too . fontis.com.au/blog/magento/using-jquery-magento

benmarks Over a year ago

1) Create & use local.xml for layout modifications; do not modify page.xml. 2) Do not hardcode the protocol or you will get insecure content warnings on checkout.

Ashish Sharma Over a year ago

@benmarks okay benmarks thanks. But how will i include the new page.xml file in my magento pages? and where should i keep it?(which directory)

S P · Accepted Answer · 2013-02-24 01:04:06Z

0

You can put it in Page.xml. You can find it in the layout folder of your template. In order to avoid conflicts with other libraries, you should call jQuery.noConflict()

answered Feb 24, 2013 at 1:04

S P

4,6432 gold badges20 silver badges31 bronze badges

Collectives™ on Stack Overflow

Magento: adding external jQuery files

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related