Monday, March 21, 2011

Add own jquery functions in magento

Kindly follow the below steps

1. download your requiring jquery libs and script.

2. upload the js files in your theme js folder like "skin/frontend/base/theme_name/js"

3. Add your css script in "style.css" of  "/skin/frontend/base/theme_name/css"

4. add your jquery function script in "head.phtml" of "app/design/frontend/base/theme126/template/page/html". Kindly check the script with no confilit.

var $j = jQuery.noConflict(); 

$j(document).ready(function(){
    $j("#test").css("padding","10px");
});

5. Finally you can put your html code wherever you need on magento pages.

No comments:

Post a Comment