galerie photo sans thickbox

[richard03]

Bonjour,

je souhaiterai changer un peu le fonctionnement de la galerie photo de prestashop. Au lieu qu'au survol des miniatures la grande image s'affiche, j'aimerai trouver une solution pour que la grande image se charge uniquement lorsque l'on clique sur la miniature (pas de zoom avec la thickbox).

Est ce que quelqu'un est arrivé à faire ça ou aurait une piste?

Merci

[Divine]

Bonjour,

 

C'est le comportement par défaut de la thickbox...

Tu n'utiliserais pas plutôt JqZoom par hasard ?

 

Pour désactiver JqZoom c'est dans l'onglet Préférences >> Produits, cocher non à "Activer JqZoom au lieu de Thickbox sur les pages produits"

[richard03]

Bonjour merci de pencher sur mon problème!

j'ai du mal m'exprimer, je ne veux ni de thickbox ni de jqzoom. ce que j'aimerai faire c'est que l'image "large" s'affiche uniquement lorsque l'on clique sur la miniature correspondante et non lorsqu'on la survole

[richard03]

un petit up! parce que sur les tablettes PC et iphone ce fonctionnement serait plus pratique je pense

[richard03]

j'ai un peu avancé donc je me réponds à moi même si d'autres cherche à faire la même chose!

Il faut retirer dans la balise <a></a> la class "thickbox" et ajouter onclick="return false;" ce qui donne:

<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="{if (isset($image.cover) AND $image.cover == 1) OR (!isset($image.cover) AND $smarty.foreach.thumbnails.first)}shown{/if}" title="{$image.legend|htmlspecialchars}" onclick="return false;">
   <img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />
  </a>

 

Seul soucis qui persiste sur iphone qd on "clique" sur une miniature ça l'ouvre sur une autre page, normal vu que la grande image apparaît toujours au survol et non au clique sur la miniature pour l'afficher (système D en attendant de trouver mieux)