Lien d'une fonction hikashop (:hover) par une image impossible

Bonjour à tous,

Alors je planche depuis plus de deux jours sur un détail qui est en train de me rendre dingue..

boutique hikashop installée avec succès je cherche désespéramment à remplacer le lien "hikashop_product_file_link" (c'est la fonction qui permet à l'utilisateur de télécharger par exemple un futur fichier pdf de l'article) par une image ça c'est ok j'ai réussis mais je voudrais que l'utilisateur au passage de la souris l'image change....

j'ai une multitude de tests.... :

j'ai utilisé récemment la fonction css :hover que je maitrise pas encore et j'ai laissé le désastre pour être un peu plus explicite.

j'ai également utilisé ça :

<img src="img/image_1_out.png" onmouseover="this.src='img/image_1_on.png'" onmouseout="this.src='img/image_1_out.png'" />

sans succès car de un il faut que je le place de le code et comme c'est une fonction c'est plus complexe et de deux j'ai trouvé l'endroit ou il fallait insérer cette commande mais je dois faire des fautes de syntaxes car ça marche et je suis sur que c la syntaxe.... :-/ :-/ c'est comme ci que je n'arrivais pas à fermer la ligne à la fin dans notepad++ la fin devient verte ! il me semble que c'est pour les commentaires ça... et en frontend c'est le désastre et fouillis total ! :-/

je vous laisse le liens direct qui vous affichera la page d'un produit exemple avec en bas sur la droite le fameux soucis...

je ne suis pas un informaticien de formation.. mais je suis un passionné d'info alors à mes heures perdues je m'abandonne à ma passion.. et progresse peit à petit..

http://www.transmission-commerce.com/iequipa/index.php/nos-produits/product/40-produit-test-final

Merci de votre retour...