[Problème] Vignettes additionnelles VM en slide en-dessous du visuel principal ?

[phildrink]

Bonjour,
Dans Virtuemart, les images additionnelles du produit se logent en-dessous du visuel principal de la fiche produit. Quand on clique dessus, on ouvre une lightbox au centre de la page.
Au-delà de 4 vignettes, j'aurais aimé obtenir un slide avec des flèches gauche-droite pour faire défiler les autres vues (thumbs) du même produit.

Comment procéder ? Un module ou plugin ?
Quelqu'un a-t-il une solution ?
Merci d'avance.

[electrocity]

Re : Vignettes additionnelles VM en slide en-dessous du visuel principal ?

Il faut chercher dans les javascript existants(ou certain templates pour virtuemart).
un module ou plugin vas ralentir pour rien votre serveur.

AU hazard :
http://als.musings.it/#demo excellent mais faut un peu travailler

http://www.dyn-web.com/code/slideshows.php(gratuit)

http://www.menucool.com/slider/jquery-slideshow

ou google > horizontal slider jquery

[phildrink]

Re : Vignettes additionnelles VM en slide en-dessous du visuel principal ?

Ok merci je regarde ça !

[phildrink]

Re : Vignettes additionnelles VM en slide en-dessous du visuel principal ?

En fait je voulais parler des vignettes en sein même de VM en-dessous du visuel principal du 'layout' produit.
Je peux en insérer 4, mais à partir de 5, elles se mettent en-dessous et c'est vraiment laid...
(voir capture d'écran)
Du coup une idée ?
+

[electrocity]

Re : Vignettes additionnelles VM en slide en-dessous du visuel principal ?

Oui c'est bien pour ce soucis.
Allez pour la route:

http://sachinchoolur.github.io/lightslider/index.html

téléchargez le zip
placer le css dans :
MONSITE\components\com_virtuemart\assets\css\light Slider.css
le js dans :
MONSITE\components\com_virtuemart\assets\js\jquery .lightSlider.min.js

    $imgagesPerRow = 4;//(par exemple)
    vmJsApi::js( 'jquery.lightSlider.min');
    vmJsApi::css('lightSlider');
    $document->addScriptDeclaration( '
       jQuery(function($) {
        $(".additional-images").lightSlider({
              minSlide:'.$imgagesPerRow.',
              maxSlide:'.$imgagesPerRow.',
              pager:false,

        });
    });
    '); 

et creer le répertoire MONSITE\components\com_virtuemart\assets\ img
et y placer le img du zip
Mais, il doit bien avoir 50 javascript qui peu faire l'affaire.

[phildrink]

Re : Vignettes additionnelles VM en slide en-dessous du visuel principal ?

Merci encore je regarde cela !

[electrocity]

Re : Vignettes additionnelles VM en slide en-dessous du visuel principal ?

Oups j'ai oublié d'indiquer le fichier PHP à modifier:
MONSITE\components\com_virtuemart\views\productdet ails\tmpl\default_images.php
idéalement ce serait de faire un overide du template.
Voir http://st42.fr/astuce-joomla/29-surcharge-joomla-3, pour toutes les infos sur l'overide. Mais il n'y a que le début qui vous concerne.

[phildrink]

Re : Vignettes additionnelles VM en slide en-dessous du visuel principal ?

Ok good !