Adding JS to Magento product page

Question

I am trying to add a couple of JS to Magento. I am trying to modify the "product-shop" so that it stays fixed when scrolling down. Here is a Fiddle of what I am trying to do http://jsfiddle.net/PXadg/

   `$(document).ready(function() {
        $('#summary').scrollToFixed({
            marginTop:
                $('.header').outerHeight() + 10,
            limit:
                $('.footer').offset().top -
                $('#summary').outerHeight() -
                10
        });
    });`

Can anyone help me by telling me where I need to make changes in XML or phml files so that Magento runs this scripts?

Regards,

Oscprofessionals · Accepted Answer · 2013-06-01 05:30:07Z

1

Add this to your xml file

 <catalog_product_view>
         <reference name="head">
                <action method="addJs"><script>yourscript.js</script></action>
            </reference>
 </catalog_product_view>

make sure to clear cache after changing this. Also clear your browser history.

answered Jun 1, 2013 at 5:30

Oscprofessionals

2,1842 gold badges15 silver badges17 bronze badges

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

5 Comments

user2442246 Over a year ago

Satish, thanks for your reply. Do I insert that in catalog.xml or do I need to create a local.xml for this? Also, where do I insert both js files, under js or skin/frontend/default/theme/js? I am new to this and this is my first time trying something like this. I really appreciate your time and help. Regards.

Oscprofessionals Over a year ago

you need to enter this in local.xml

user2442246 Over a year ago

Hi Satish, I entered this code '<?xml version="1.0"?> <layout> <catalog_product_view> <reference name="head"> <action method="addJs"><script>jquery-scrolltofixed.js</script></action> <action method="addJs"><script>new.js</script></action> </reference> </catalog_product_view> </layout>' in a local.xml file and then added both js files to skin/frontend/default/theme/js but I didnt get it to work, any ideas? Kind regards,

Oscprofessionals Over a year ago

as this <?xml version="1.0"?> should be already there you dont need to add second time.wher have you placed local.xml file. Was this not in use on your site.Also clear your cache.js files to be where other js files are

Oscprofessionals Over a year ago

should go in .js folder.I suggest you do a view source and check if html has new.js. This you need to do on product view page

Collectives™ on Stack Overflow

Adding JS to Magento product page

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related