jqzoom ne fonctionne pas

[Bakara972]

Bonjour

 

le jqzoom ne fonctionne pas chez moi, je ne comprends pas pourquoi. Il ets bien censé afficher l'image sur laquelle on passe en plus grand? (de la même manière que Magic zoom?)

 

Pourtant le curseur en forme de croix apparait bel et bien mais aucune image zoomée du produit ...

Je travaille sous prestashop 1.5.4 et pas avec le thème par défaut

 

merci bcp pour vos reponses

Patrick

[Oron]

Bonjour

 

Est-ce que avec le thème par défaut il fonctionne ?

Essayer de le désinstaller et réinstaller.

[Szed]

Bonjour,

 

sous la console de Chrome (F12), ou de Firefox (Firebug), pas d'erreur javascript ?

[Bakara972]

Bonjour,

 

merci pour vos réponses.

Aucune erreur JS avec la console !

 

Le zoom fonctionne correctement avec le thème par défaut, du coup ça vient bien du thème installé ... Mais j'ai beau réinstaller le thème le problème perso est toujours présent

 

Merci.

 

Edit: en fait lorsque j'active le jqzoom avec le thème personalisé, l'image apparait en popup en grand (comme quand le jqzoom n'est pas activé!)

Edited July 24, 2013 by Bakara972 (see edit history)

[Szed]

Ca doit pas être grand chose. Il manque peut être la classe adéquat (jqzoom).

Il faudrait comparer le product.tpl du thème par défaut et celui de votre thème, au niveau de l'affichage de l'image.

 

Sur le thème par défaut, on a ca :

<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"{if $jqZoomEnabled} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>

Edited July 24, 2013 by Szed (see edit history)

[Bakara972]

J'ai changé la ligne que vous m'avez indiqué mais j'ai le même problème ...

J'ai donc remplacé tout le fichier product.tpl de mon thème perso par le product.tpl du thème par défaut et là le carré à droite de mon image apparait bien mais il est tout blanc ... c'est un progrès !

[Bakara972]

Une idée? merci!

[Szed]

Hello,

 

changez tout le .tpl me parait un peu bourrin Surtout que vous risqueriez de perdre ce pourquoi vous avez choisis le thème (la fiche produit).

 

Il faudrait comparé les 2 .tpl, en faisant une recherche sur jqzoom, et voir ce qui diffère.

Et eventuellement, un lien vers la boutique peut aider.

[Bakara972]

Bonjour,

 

J'ai comparé les deux fichiers product.tpl, j'ai changé des petits bouts/blocs mais le problème n'est toujours pas résolu. Lorsque je clique sur l'image, elle apparait en popup sans le zoom même si le curseur s'affiche correctement.

Voici où apparait jqzoom dans le product.tpl du thème par défaut (et donc fonctionne):

 

var jqZoomEnabled = {if $jqZoomEnabled}true{else}false{/if};
...
<!-- product img-->
 <div id="image-block">
 {if $have_image}
  <span id="view_full_size">
   <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"{if $jqZoomEnabled} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
   <span class="span_link">{l s='Maximize'}</span>
  </span>
 {else}
  <span id="view_full_size">
   <img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
   <span class="span_link">{l s='Maximize'}</span>
  </span>
 {/if}
 </div>

....
{if $have_image && !$jqZoomEnabled}

 

Et voici dans le product.tpl du thème perso :

var jqZoomEnabled = {if $jqZoomEnabled}true{else}false{/if};
...
<!-- product img-->
 <div id="image-block">
 {if $have_image}
  <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}"
   {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
 {else}
  <img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" id="bigpic" alt="" title="{$cover.legend|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
 {/if}
 </div>

...

{if $have_image && !$jqZoomEnabled}

 

Merci!

[Szed]

Et un {$jqZoomEnabled|@var_dump} affiche bien true ?

Edited July 30, 2013 by Szed (see edit history)

[Bakara972]

oui!