[astuce] images additionnelles avec hover - change l'image principale au survol plutot qu'au clic
il y a 10 ans 6 mois - il y a 10 ans 6 mois #1
par doc_denis
[astuce] images additionnelles avec hover - change l'image principale au survol plutot qu'au clic a été créé par doc_denis
Bonjour,
Je désirais avoir un effet hover ou type onmouseover lors du survol des images complémentaires sur les fiches produits au lieu de cliquer pour changer l'image principale.
Au préalable dans configuration > templates > "Publie des images additionnelles en position principale" est coché pour avoir des vignettes.
après avoir pas mal galéré et testé des bouts de codes inadapté à mon affaire j'ai fini par trouvé la solution ici :
forum.virtuemart.net/index.php?topic=124818.msg426968#msg426968
C'est tellement simple que je partage en french, en gros c'est dans :
components/com_virtuemart/views/productdetails/tmpl/default_images.php
à surcharger dans :
templates/ton_template/html/com_virtuemart/productdetails/default_images.php
et changer ligne 36 du fichier version 3.0.10 :
par ceci :
et voilà
Je désirais avoir un effet hover ou type onmouseover lors du survol des images complémentaires sur les fiches produits au lieu de cliquer pour changer l'image principale.
Au préalable dans configuration > templates > "Publie des images additionnelles en position principale" est coché pour avoir des vignettes.
après avoir pas mal galéré et testé des bouts de codes inadapté à mon affaire j'ai fini par trouvé la solution ici :
forum.virtuemart.net/index.php?topic=124818.msg426968#msg426968
C'est tellement simple que je partage en french, en gros c'est dans :
components/com_virtuemart/views/productdetails/tmpl/default_images.php
à surcharger dans :
templates/ton_template/html/com_virtuemart/productdetails/default_images.php
et changer ligne 36 du fichier version 3.0.10 :
jQuery(".additional-images img.product-image").click(function() {par ceci :
jQuery(".additional-images img.product-image").hover(function() {et voilà
Connexion ou Créer un compte pour participer à la conversation.
