[SOLVED] Adding jquery for an animation in header.tlp SOLVED

[Mark Agency]

H, actually I'm trying to insert jquery code in header.tlp but when I put it into head tags and reload I got a blank page, please help me, above the code.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $("shopping_cart").hover(function(){
    $("cart_block").animate({top:'50px'});
    $("cart_block").show();
}, function() {
    $("cart_block").animate({bottom:'50px'});
    $("cart_block").hide();  
$("cart_block").hover(function(){
    $("cart_block").show();
}, function() {
    $("cart_block").hide();
});
});
});
</script> 

Edited May 11, 2014 by vekia (see edit history)

[vekia]

your script uses brackets, you have to use {literal}{/literal} tags, because of brackets compiler thinks that this is smarty syntax - in fact, it isn't.

{literal}
SCRIPT HERE
{/literal}

[Mark Agency]

 

your script uses brackets, you have to use {literal}{/literal} tags, because of brackets compiler thinks that this is smarty syntax - in fact, it isn't.

{literal}
SCRIPT HERE
{/literal}

Thanks for you answer.

 

I've done like this and did not work, instead y used like I posted and check console errors, put the .js files on the correct folder and it worked.

 

Thanks 

[vekia]

 

 

put the .js files on the correct 

what files? your code doesnt contain any file (except the only one that is included from external website)

[Mark Agency]

what files? your code doesnt contain any file (except the only one that is included from external website)

 

I've downloaded the js file and uploaded to my server and then I include the local copy into header and it works.

[vekia]

ok now it's clear

thank you for clarification :-)

topic marked as solved

with regards,

Milos

[Mark Agency]

Thank you for your time, appreciate it.

 

Regards.