How do I Solve This Simple Magento JQuery Problem!

**indusstar777** · 12-06-2013, 06:13 AM

Hello Sir,

I want to add some of my own jquery code(given below) in magento 1.7.0.0 for a html tag(given below) that I have on html source of home page(CMS=>pages=>home page=>content=>html).how can I do it? also please tell me that if I want to apply that code on all page then how would I do that? (I have already installed the jquery extension(http://connect20.magentocommerce.com...ento_JQueryLib) so magento is already setup to use jquery).thank you.

here is the jquery code:

<script type="text/javascript\">
$(document).ready(function(){
var pContent = $(’p’).text();
alert (pContent);
});
</script>

here is the html tag(on which i am applying this code):

<p>Happy Shopping!</p>

View more threads in the same category:

**shunavi** · 12-06-2013, 09:04 AM

I think you are very new with magento. Then this is what very simple I suggest you do for this problem.

- Login to back end

- Browse menu: System => Configuration => Design

And you can see "Miscellaneous Scripts" then you can enter any jquery script there

Cheers

**indusstar777** · 12-06-2013, 09:48 AM

Your answer is very helpfull and i think that half of the problem is solved.
I have tried the javascript instruction: alert("Happy Shopping!"); in "Miscellaneous Scripts" and it is working fine but the jquery code is not being executed as i told you that I have already installed the jquery extension(http://connect20.magentocommerce.com...ento_JQueryLib but i think this extension is not working can you tell me how to install jquery to magento 1.7.0.0 so that i move on with my jqury code.thank you.

**david** · 12-06-2013, 10:05 AM

You can edit this file:

app\design\frontend\<your theme folder>\<your theme name>\template\page\html\footer.phtml

Then add whatevery like jquery or javascript code here as normal. Just keep in mind that it only work for the selected theme.