jqZoom sur page liste produits

[Mogalupa]

Bonjour,

J'inaugure mon premier site sous Prestashop après plusieurs réalisations sous Magento.
J'ai donc mis les mains dans Smarty et suis assez content de Prestashop qui semble assez simple de prise en main.

J'ai installé jqZoom pour m'en servir sur les pages listes produits.
J'ai mis à jour le head et Prestashop va correctement chercher les js + css de jqZoom (confirmé en copiant/collant les liens src dans un navigateur)

Mais, évidemment, çà ne marche pas...

Mon code côté serveur est bon je pense et, en tous cas, il se reflète correctement côté client.

Le symptôme : l'image reste cliquable (et donc s'ouvre dans un onglet au click) et le jqZoom ne s'affiche pas.

Code serveur :

>{if isset($products)}
<!-- Products list -->
</pre>
<ul>
   {foreach from=$products item=product name=products}



{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}

{$product.description}


{l s='Add to cart'}
       {if !$priceDisplay || $priceDisplay == 2}{convertPrice price=$product.price}{if $priceDisplay == 2} {l s='+Tx'}{/if}{/if}
               {if $priceDisplay}{convertPrice price=$product.price_tax_exc}{if $priceDisplay == 2} {l s='-Tx'}{/if}{/if}




getImageLink($product.link_rewrite, $product.id_image)}" id="big-image{$product.id_product|intval}" title="{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}">
getImageLink($product.link_rewrite, $product.id_image)}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" width="261" height="348" />




 [removed]
   $(document).ready(function() {ldelim}
   $('big-image{$product.id_product|intval}').jqzoom();
   {rdelim});
 [removed]
   {/foreach}
</ul>
<br><!-- /Products list --><br

Résultat côté client :

></pre>
<ul>



Cabas test Zaza Factory



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, velit in vestibulum accumsan, erat quam placerat neque, a varius orci ligula eget turpis. Nam aliquam lorem quis felis mollis convallis. Donec non metus in nunc pharetra elementum. Etiam a.

 Argument 
 Argument 
 Argument 




Ajouter au panier
90,00 €                      










 [removed]
   $(document).ready(function() {
   $('.big-image11').jqzoom();
   });
 [removed]
</ul>

Page online :
http://www.easyfrog.fr/category.php?id_category=5

Un énorme merci d'avance pour votre aide, votre coup d'oeil et/ou vos liens vers d'autres sujets des forums qui en parlent car, après recherche je n'ai rien trouvé qui traite de "jqZoom on product list page"...

Mille mercis !

[lhweb]

Bonjour,

je ne les ai pas essayés mais il semblerait qu'il existe déjà des modules gratuits faisant cela :

http://prestatools.com/index.php?option=com_sobi2&catid=4&Itemid=2

Tiens nous au courant si ca fonctionne, ca peut toujours être utile

[Mogalupa]

Hello,

Merci pour ta réponse !
J'avoue que j'ai abandonné... et utilisé un autre zoom qui marche à merveille : Zoomimage // http://www.eyecon.ro/zoomimage/
Il est en effet parfois plus rapide d'utiliser une alternative plutôt que de se casser le crâne...

Merci pour ton aide en tous cas et bons développements !

[mat250]

Bonjour Mogalupa,

Est-ce que tu pourrais expliquer comment tu as mis en place zoomimage ?

Car ça m'intéresse aussi.

Merci d'avance.

[Mogalupa]

Pfiou.... çà fait tellement longtemps...
Je suis très sincèrement désolé mat250 mais je n'en ai plus aucune idée !
Vraiment, j'aurais aimé te dire mais là, il faut que je creuse l'unique site que j'ai fait l'utilisant... et je pense plutôt te dire des bêtises que la bonne méthode.
Encore désolé.