Modification du javascript dans product.tpl

[stevent]

Bonjour à tous !

 

J'essais de rendre le bloc "content_price" en fixed uniquement lorsqu'il atteint le haut de la page et j'ai réussi. Pour ce faire, je l'ai placé dans un <div id="MyElement" style="position:fixed;top:535px;"></div> et j'ai ajouté ceci comme java script :

 

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(window).scroll(function(){
$("#myElement").css("top",Math.max(0,535-$(this).scrollTop()));
});
</script>

 

Jusque là tout va bien et le résultat attendu est nickel.

 

MON PROBLEME : J'ai alors un résultat inatendu lorsque je clique sur AJOUT AU PANIER car je ne reste pas dans le produit ( ce qui doit être le cas ). Quand je clique sur le bouton, je suis dirigé directement vers le détail de commande.

 

Mon problème est résolu dès que je supprime la ligne

 

<script src="http://code.jquery.com/jquery-latest.js"></script>

 

A mon avis, je place mal mes lignes de code et je dois savoir comment imbriquer cette source sans annuler les autres effets de ma page.

 

Voici le début de mon product.tpl :

 

{include file="$tpl_dir./errors.tpl"}
{if $errors|@count == 0}
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// <![CDATA[

$(window).scroll(function(){
$("#myElement").css("top",Math.max(0,535-$(this).scrollTop()));
});

// PrestaShop internal settings
.........................

 

 

Quelqu'un peut il m'aider à introduire ce Javascript sans haltèrer le reste de mon site??? Merci !

Edited August 9, 2013 by stevent (see edit history)

[stevent]

Petit up...