Add custom or any internet javascript to magento

Question

I am customizing magneto theme i was working on list.phtml file to show all products from specific categories on home page i did by including online jquery file at beginning of list.phtml file but home page sub categories are not showing on hover effect might me conflict with another js.. if i remove script from list.phtml file then sub categories are shown on hover effect but animation effect goes out. and if i remove script from list.phtml then sub categories shown on mouse hover effect but animation not.. i downloaded js file but don't know where to put this file in folder structure so my animation effect and hover effect both works fine.

enter image description here

Plz suggest solutions

Nirmal Kumar
– Nirmal Kumar

2015-01-30 12:42:25 +00:00
Commented Jan 30, 2015 at 12:42 — Nirmal Kumar
– Nirmal Kumar, Commented Jan 30, 2015 at 12:42

Mihir Bhende · Accepted Answer · 2015-01-30 12:45:12Z

1

Include it in page.xml after prototype. Also you need to include jQuery.noConflict() to avoid conflicts of jquery and prototype

answered Jan 30, 2015 at 12:45

Mihir Bhende

9,0952 gold badges33 silver badges39 bronze badges

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

4 Comments

Nirmal Kumar Over a year ago

But where to put downloaded js in magento folder structure. and where to add jquery.noConflict...

Mihir Bhende Over a year ago

You can add it in js folder. The line you need to include in page.xml is inside <reference name="head"> is : action method="addJs"><script>your_js_name.js</script></action>

Nirmal Kumar Over a year ago

Hey but my page.xml does not contain any reference name = "head" all are reference name = "root" tags are there.

Mihir Bhende Over a year ago

Hey buddy, best way is to create a local.xml file in your layouts. Here I am attaching the code below as an answer

Mihir Bhende · Accepted Answer · 2015-01-30 16:05:29Z

0

<?xml version="1.0"?>
<layout version="0.1.0">
    <default>
        <reference name="head">
            <action method="addJs"><script>jquery.js</script></action>
            <action method="addJs"><script>jquery-no-conflict.js</script></action>
        </reference>
    </default>
</layout>
.

answered Jan 30, 2015 at 16:05

Mihir Bhende

9,0952 gold badges33 silver badges39 bronze badges

Collectives™ on Stack Overflow

Add custom or any internet javascript to magento

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related