Popup lightbox sur des tofs en CMS

[dawa212]

Bonsoir.

j'ai une page CMS où j'ai posé 2-3 photos. J'aimerais bien utiliser un popup existant en lightbox.

Avec l’éditeur de liens, je ne sais pas quel 'classe' il faut indiquer.

Merci

[DevNet]

Salut,

 

En fait c'est plutôt l'inverse. Ajoutez un id personnel, ou une classe de votre cru pour les identifier ensuite grace à l'initialisation lightBox, comme l'exemple :

 

http://leandrovieira.com/projects/jquery/lightbox/#example

 

A+

Edited December 29, 2013 by DevNet (see edit history)

[dawa212]

Merci mais j'avoue que je comprends pas.

Je ne peut pas utiliser un existant comme celui de product_images ?

 

Après, je comprend pas la phrase. je suis aller voir le site mais le liens du download est mort, ce qui ne m'a pas permis de voir a quoi ça ressemble. J'ai éventuellement celui-ci ? http://fancyapps.com/fancybox/#license

 

Du coup je dois poser le tout quelque part, faire des déclarations y tout, y tout ?

 

Merci

[dawa212]

Re bonsoir.

j'ai trouvé cette manière (http://www.fix-css.com/2012/11/add-fancybox-lightbox-on-cms-pages-in-prestashop-1-4/)qui me paraissait bien mais il y a un bug, j'obtiens la fameuse page blanche.

 

lightbox, FancyBox, jqzoom, je ne sais plus, on ne sait plus !   

Edited December 30, 2013 by dawa212 (see edit history)

[dawa212]

Après deux bonnes soirées de recherche, je sèche.

 

Que faut il que je fasse pour avoir un zoom sur des photos sur un page issue du module CMS ?

 

Installer un module ? Lequel ?

 

Merci.

[dawa212]

Je sèche tjs ...

[dawa212]

Alors sur une version 1.5.4.1 il suffit d'ajouter deux lignes  dans la fonction mediaset dans le fichier  /controllers/front/CMSController.php

 

$this->addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'screen');

$this->addJqueryPlugin('fancybox');

 

Puis d’éditer la page CMS de votre choix où vous voulez mettre les images et d'ajouter avec l’éditeur html :

<script type="text/javascript">

$(document).ready(function() {

$("a.fancybox").fancybox();

});

</script>

 

La mettre à jour et c'est tout bon.

 

Il vous suffit de mettre à présent dans les avancés du lien de l'image "fancybox" comme classe.

 

Tuto en Anglais disponible ici : http://mypresta.eu/en/art/developer/gallery-on-cms-page-fancybox.html