Edit History

Bonjour,

Je suis entrain d'essayer de remplacer le pop-up classique des images des fiches produits de la version 1.7 par la lightbox Prettybox qui me convient mieux et qui permet d'agrandir une fois de plus mes images à l'intérieur de la lightbox.

J'ai donc ajouté les codes js adéquats et modifié le fichier tpl de mon thème qui appelle le pop-up en remplaçant la div du pop-up modal par un lien qui appelle ma lightbox avec la class "prettyPhoto" comme ceci :

<a href="{$product.cover.bySize.large_default.url}" alt="{$page.meta.title}" title="{$page.meta.description}" itemprop="image" class="prettyPhoto">
<img class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$page.meta.title}" title="{$page.meta.description}" itemprop="image">  
</a>

Ma lightbox fonctionne bien pour mon image principale MAIS pas pour les images additionnelles.

Seule l'image principale s'affiche dans la lightbox et je ne peux pas faire défiler les suivantes. Je comprends pourquoi étant donné le code du lien qui appelle cette image principale.

Mais comment faire pour que toutes les images puissent défiler ? 

Merci beaucoup pour votre aide.