Module de Zoom sur les produits phares au passage de la souris
Module Zoom sur produits phares
Article réalisé par KeNdO
Je vous présente un nouveau module. Celui-ci a pour but d’agrandir l’image de vos produits phares lorsque vous passez votre souris sur l’image du produit.
Ce module a été développé par : Marghoob Suleman. La dernière version soit la V1.3 que j’ai eu l’occasion de tester dispose d’options supplémentaire par rapport aux anciennes versions et de plus elle est compatible avec la dernière version de Prestashop (1.3 betâ).
Après avoir installer le module, allez dans ‘configurer’. J’ai traduit le module en Français donc vous ne devriez pas avoir du mal à le configurer comme vous le souhaitez.
La 1ère option (statut de l’animation) effectue simplement un agrandissement de l’image au passage de la souris.
La 2ème option (utiliser l’agrandissement) permet de pouvoir zoomer avec la souris sur la zone voulu en la déplaçant sur l’image.
Dernière petite chose, la bordure par défaut est bleue mais vous pouvez changer facilement la couleur (pour l’adapter à votre thème). Pour cela aller dans le dossier du module ‘imagesenlarge’, puis ouvrez le fichier ‘imagesenlarge.css’. A la ligne 10 : « border:5px solid #006CA7; » modifiez le code couleur avec celui de votre choix (#000000 pour du noir par exemple).
PS: pour ceux et celles qui utilisent la réécriture d’URL, vous allez avoir un problème de Zoom sur les produits phares. Ne vous inquiétez pas, la réponse est là:
Remplacez dans le fichier imagesenlarge.js
var largeImg = imgPath+imgName.substr(0, imgName.length-9)+"-large.jpg";
var thickImg = imgPath+imgName.substr(0, imgName.length-9)+"-thickbox.jpg";
var homeImg = imgPath+imgName.substr(0, imgName.length-9)+"-home.jpg";
var smallImg = imgPath+imgName.substr(0, imgName.length-9)+"-small.jpg";
var largeImg = imgPath.replace(/-home/,"-large")+imgName.substr(0, imgName.length-9)+".jpg";
var thickImg = imgPath.replace(/-home/,"-thickbox")+imgName.substr(0, imgName.length-9)+".jpg";
var homeImg = imgPath.replace(/-home/,"-home")+imgName.substr(0, imgName.length-9)+".jpg";
var smallImg = imgPath.replace(/-home/,"-small")+imgName.substr(0, imgName.length-9)+".jpg";
20 réponses à to “Module de Zoom sur les produits phares au passage de la souris”
Laisser un commentaire
Merci beaucoup, il fonctionne très bien sur ma boutique version 1.2.5 (pas encore eu le cran de passer à la 1.3 puisque tout fonctionne chez moi).
Élise
Idem pour ma part
ça ne fonctionne pas chez moi !
Je n’utilise pas le thème par default.
Dois je modifier quelques chose manuellement ?
Salut Bob, quelle version de Prestashop utilise tu ?
Le thème en question a t-il été acheté, ou tu l’as personnellement modifié ?
bonjour, tous c’est bien passer, mais je rencontre un soucis dans la page de tous les produits par exemple je vais dans ma catégorie/bmw/phares avant/ la jai tous mes produits mais le zoom affiche une petite image avec un point d’interrogation.
Avez vous une idée svp pour régler ce problème ?
Si non dans les produits phares tous est nikel
Cordialement
Fonctionne impec chez moi
Keep up the good work, I like your writing.
30 secondes d’install et ça marche !! bravo et merci pour petit module bien symphatique.
Merci, très bon tuto.
Je cherche également à afficher une seconde image au survol de l’image d’un produit, as tu une idée pour faire ca ?
Yann
Bonjour, est-ce qu’il ya possibilité de le faire fonctionner sur les pages des produits au lieu de produits phares?
merci
@Tanju: bonjour, cette option est par défaut sur Prestashop. A vous de la configurer sur votre Backoffice.
Merci beaucoup pour ce petit bijoux…
Bonjour,
j’ai la version Prestashop 1.2.4.0 et le module ne fonctionne pas.
A l’aide S’il vous plait
@TiXav: Salut, pourrais-je connaitre la VS de Prestashop que tu utilises ? Si tu souhaites que nous puissions répondre à ton problème, il faut que nous aillons un minimum d’infos
Ma VS : Version 1.2.4.0
Bonjour,
J’ai téléchargé le module mais je n’sais pas comment l’installer.
Que dois-je faire pour qu’il apparaisse du côté back office ?
Merci beaucoup
Bonjour, je suis sous prestashop 1.4, j’ai installé le module, j’ai fait les modif comme inscrit ci-dessus, mais le souci c’est que quand je passe la sourie l’encadrement s’affiche mais pas la photo
Merci pour vos réponses
Thème acheté
Bonjour,
mon site est sur Prestashop Version 1.3.2.3, et j’ai essayé d’installer ce module qui me semble parfait. j’ai bien installé le module, paramètré correctement mais rien ne se passe.
Si vous aviez un tuyau.
Merci d’avance.
Didier
Bonjour j ai besoin d aide j ai installé le modul mais j ai pas de zoom je suis sous prstashop via clicboutic PSClic Version 1.2.5.0-0.3.3
Bonjour,
J’ai installé le module et quand je passe la souris sur les produits l’encadrement s’affiche mais pas la photo.
J’ai fait les modifications que vous aviez dites sur le js et j’ai pu changer la bordure . Ce serai super que vous puissiez m’aider.
J’utilise la version 1.3.6.0 mais le thème n’est pas celui de base.
Merci
Muscary