Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /homepages/10/d246831978/htdocs/votre-ecommerce.com/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /homepages/10/d246831978/htdocs/votre-ecommerce.com/wp-includes/plugin.php on line 601

Module de Zoom sur les produits phares au passage de la souris

HomePrestashopModules PrestashopModule 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";
par
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";

[ad#ad-1]

Written by

The author didnt add any Information to his profile yet

22 thoughts on “Module de Zoom sur les produits phares au passage de la souris

  1. ça ne fonctionne pas chez moi !
    Je n’utilise pas le thème par default.
    Dois je modifier quelques chose manuellement ?

  2. Salut Bob, quelle version de Prestashop utilise tu ?
    Le thème en question a t-il été acheté, ou tu l’as personnellement modifié ?

  3. 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

  4. 30 secondes d’install et ça marche !! bravo et merci pour petit module bien symphatique.

  5. 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

  6. Bonjour, est-ce qu’il ya possibilité de le faire fonctionner sur les pages des produits au lieu de produits phares?
    merci

  7. @Tanju: bonjour, cette option est par défaut sur Prestashop. A vous de la configurer sur votre Backoffice.

  8. @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 😉

  9. 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

  10. 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é

  11. 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

  12. 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

  13. 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

  14. Bonjour,

    J’utilise la version 1.4.6.2 et l’agrandissement ne fonctionne pas. Auriez vous une idée du problème ?

    Merci de votre aide

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *