Problème de calage module zoom sur page accueil

[creaclaire]

Bonjour,

Je viens de télécharger le module pour que l'image s'affiche zoomé sur la page d'accueil.
(fichier homefeature.tpl et homeImage.js)

Soucis, c'est que l'image qui s'affiche par exemple au passage de souris, n'est pas la bonne. La 1ere image en haut a gauche, correspond a celle 3 lignes plus bas.

Ou puis changer cela ? dans le javascript ?

Ci joint une capture et le code js

homeImage.js

[BVince]

Bonjour,

Est ce que tu as toujours la même image qui s'affiche quelque soit celle où tu as cliqué ? Et il y a quoi dans le tpl, j'ai pas envie de chercher le module, si tu peux mettre le fichier à dispo ça serait cool pour faire des tests...

[creaclaire]

Bonjour,

Est ce que tu as toujours la même image qui s'affiche quelque soit celle où tu as cliqué ? Et il y a quoi dans le tpl, j'ai pas envie de chercher le module, si tu peux mettre le fichier à dispo ça serait cool pour faire des tests...

[creaclaire]

Bonjour,

Est ce que tu as toujours la même image qui s'affiche quelque soit celle où tu as cliqué ? Et il y a quoi dans le tpl, j'ai pas envie de chercher le module, si tu peux mettre le fichier à dispo ça serait cool pour faire des tests...

/**
* Prestashop homepage product image magnified
* @name homeImage.js
* @author Marghoob Suleman - http://marghoobsuleman.com
* @version 0.1
* @date January 06, 2009 * @end date January 06, 2009
* @category Prestashop homepage plugin
* @copyright (c) 2009 Marghoob Suleman (giftlelo.com)
*/

//To do after loading HTML
$(document).ready(function(){
//alert(1);
HomePageImage.init();
});

HomePageImage = {
settings: {
allImageHolder:'featured-products_block_center',
containerWidth:300,
containerHeight:300,
bgColor:'#f2f2f2',
border: true,
borderColor:'#c3c3c3',
containerBorderSize:2,
padding:10,
divOpacity: 1,
imageArray:[]
},
imgHolderDiv:"

",
init: function() {
$('body').append(this.imgHolderDiv);
this._initialize();
},
_initialize: function() {
//set div style
$('#homepageImageHolder').css({'width' : this.settings.containerWidth+'px', 'height' : this.settings.containerHeight+'px', 'background-color':this.settings.bgColor, 'padding' : this.settings.padding+'px'});
if(this.settings.border==true) {
$('#homepageImageHolder').css({'border' : this.settings.containerBorderSize+'px solid '+this.settings.borderColor, opacity:this.settings.divOpacity});
}
//store in array and assign rollover and out
var allA = $("a[rel='homeImage']");
for(a=0;a var currentA = allA[a];
var id = $(currentA).attr("id");
var path = $(currentA).attr("rev");
HomePageImage.settings.imageArray[id] = path;

//set method
$("#"+id).bind('mouseenter',function() {
//$('#homepageImageMain').attr("src", HomePageImage.settings.imageArray[this.id]);
var imgHTML = "";
$("#homepageImageHolder").html(imgHTML);
var xy = $(this).offset();
var height = 0;//$(this).height();
var width = $(this).width();
$("#homepageImageHolder").css({'position':'absolute', 'left':(xy.left+width)+'px', 'top':(xy.top+height)+'px'})
$("#homepageImageHolder").show("fast");
});
$("#"+id).bind('mouseleave',function() {
$("#homepageImageHolder").html("");
$("#homepageImageHolder").hide("fast");
});

}
$('#homepageImageMain').attr("src", HomePageImage.settings.imageArray['homeImg0']);
//console.debug("HomePageImage.settings.imageArray " + HomePageImage.settings.imageArray['homeImg0']);
//ready to use
}

}[/quote]

[creaclaire]

Je vais y arriver...mon msg a disparu

J'ai remis le soucis sur mon site pour que ça te parle mieux qu'avec des schémas :
www.faire-party.com

Je pense que le fichier js est décallé vers le haut et donc ne prend pas le bon visuel en compte !

Help !

[BVince]

Je viens de regarder ton site, tes images possèdent les même "ID", je m'explique :

Ligne 1 :
Photo 1 => id=homeImg1, Photo2=> id=homeImg2, Photo 3 => id =homeImg3, Photo 4 => id=homeImg0

Ligne 2 :
Photo 1 => id=homeImg1, Photo2=> id=homeImg2, Photo 3 => id =homeImg3, Photo 4 => id=homeImg0

Ligne 3 :
Photo 1 => id=homeImg1, Photo2=> id=homeImg2, Photo 3 => id =homeImg3, Photo 4 => id=homeImg0

Donc ton problème ne vient pas du code qui réalise le zoom mais de la page d'accueil qui possède des éléments ayant des "ID" identiques.
Tu as quelle version de PS ?

[creaclaire]

Version 1.1.05....
Le probleme des ID expliquerait que ce ne sont pas les bons visuels dans les zooms ?
(avec des ID similaires est ce que je ne devrais pas avoir toujours la meme image qui s'affiche ?)

[BVince]

Non, car la fonction est affectée au 4 première photos et pas aux autres...

[creaclaire]

Il faudrait que je mette ID 1, ID2..etc...?
Dans quel fichier je trouve ça ??

Pas facile facile...

En tout cas merci pour tes lumières !

[BVince]

Il faut que tu regardes dans le code du block de tes produits phares, du côté php, ou je pencherais plutôt sur le tpl. regarde l'Id de la balise A qui contient ton image.

[Noxyd]

Je constate avec plaisir que cela fonctionne de nouveau sur ton site, pourrais-tu expliquer ce que tu as fait, stp?
Et comment tu as fait pour que le zoom fonctionne sur ta page d'accueil ET dans le catalogue, bien que tu ai la réécriture d'URL activée?
Ca m'intéresse beaucoup car depuis que j'ai activé la réécriture je n'ai plus qu'une miniature dans le cadre de zoom des produits phares, alors que dans les catégories ça fonctionne bien...

Merci d'avance pour ton expérience.

[creaclaire]

Bonjour,

En fait j'ai télécharger un autre module :Images Enlarge v1.3
qui lui fonctionne sur touts les pages et peut etre configuré dans le BO.
J'espère que ça marchera pour toi, je suis trop contente du resultat pour ma part.
Claire