MODULES PRESTASHOP - Editorials3Slider et s3Slider slideshow

[jolvil]

Voici le module éditorial de Prestashop avec un slideshow basé sur Jquery s3Slider ( http://www.serie3.info/s3slider/) et proposé sur le post suivant: http://www.prestasho...wthread/21169/.

[Kreasite]

Très bon jolvil.

++

DAV

[gribouille]

Bonjour, ce module est vraiment super. ;-)

Merci à vous ...

Si je peux me permettre, ce qui serait pratique c'est de pouvoir gérer les options directement en admin ( upload des images, titres, ulrs, ... ) plutôt que de passer par le tpl et css ... au risque de tout bugger quand on n'est pas expert comme moi ;-) . Je bidouille mais bon, on est jamais à l'abri ... :cheese:

Bon courage et merci de votre contribution.

[untempo]

Pour les novices comme moi, pour installer le module, il suffit de copier le répertoire entier contenant les fichiers sur le serveur dans le dossier modules puis d'aller dans l'admin. Vous trouverez le module à installer, puis configurer.
Pensez à désinstaller le module "éditeur de page d'accueil" (si installé) et modifier la position du module si vous avez installé les "produits phares" (moi le slideshow était en dessous ;-))


Pour Jolvil, 1000 MERCIS ! c'est super...

[jolvil]

Quote

Si je peux me permettre, ce qui serait pratique c’est de pouvoir gérer les options directement en admin ( upload des images, titres, ulrs, … ) plutôt que de passer par le tpl et css

D'autres posts proposaient le slider en inclant des lignes de codes, là on a un module qui simplifie l'install, maintenant si vous voulez arranger ce module je n'y vois aucun inconvenient, j'ai moi meme arrangé un peu un module deja donné sur le forum, malheureusement mais compétences sont limitées...

[Ehinarr]

Si j'ai bien compris, le module editorials3slider.zip est le module editorial modifié (slideshow-di-halaman-depan) et contenant le fichier css. s3slider.zip est la version modifié pour ne pas écraser l'original module éditoriale et améliorée par vous?

[jolvil]

From 1245543393:

Si j'ai bien compris, le module editorials3slider.zip est le module editorial modifié (slideshow-di-halaman-depan) et contenant le fichier css. s3slider.zip est la version modifié pour ne pas écraser l'original module éditoriale et améliorée par vous?

Non

editorials3slider est le module editorial avec le slider à la place de l'image

s3slider c'est juste le slider tout seul sous forme de module

[holyknight]

From 1245498857:

Pour les novices comme moi, pour installer le module, il suffit de copier le répertoire entier contenant les fichiers sur le serveur dans le dossier modules puis d'aller dans l'admin. Vous trouverez le module à installer, puis configurer.
Pensez à désinstaller le module "éditeur de page d'accueil" (si installé) et modifier la position du module si vous avez installé les "produits phares" (moi le slideshow était en dessous ;-))


Pour Jolvil, 1000 MERCIS ! c'est super...

Je n'arrive pas à modifier la position du module, ça doit être tout bête mais là je sèche :-(

[jolvil]

Dand le back office, onglet modules, cliquer "position" et faire monter ou descendre le module avec les flèches.

[Ehinarr]

Merci JOLVIL,

Où régler la période de transition entre les images?

s3slider.tpl?

$(document).ready(function() {$('#slider').s3Slider({timeOut: 4000});});

Ou s3slider.js?

var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;

[Micro Project]

Module excellentissime, très très bon rendu (merci jolvil)

Petite question : comment intervertir l'apparition du bandeau transparent de manière qu'il soit en bas (comme dans l'image 3, par défaut) au lieu d'en haut (image 1, par défaut).

Je suppose que c'est dans le s3silder.js, mais je suis pas un pro en JScript...

[jolvil]

C'est simple

dans le fichier .tpl il faut indiquer ou au choix

 


Title photo 4
Text photo 4



Title photo 5
Text photo 5

[se7en]

Hello Jolvil,

Je souhaiterais intégrer ce module sur toutes les pages, donc à priori dans le hook "Header of pages" mais les simples manipulations en BO ne suffisent visiblement pas.
Je pars bien sûr du module seul, mais je ne sais pas comment "l'injecter" ni à quel endroit. Y-a-t-il moins trivial que de recourir à une fonction {include file=/.../www/modules/s3slider/s3slider.tpl} ?
Merci de votre aide, l'objectif étant je le répète, d'afficher ce slider sur toutes les pages du site PS.

Vifs encouragements à tous ceux qui comme toi, oeuvrent pour l'ouverture et le partage du code ! ;-)
Take care

[mfrederic4]

hello Jolvil,
Tout d'abord merci pour cet excellent module.
Ma question va sans doute paraitre nul a beaucoup de monde mais je la pose quand même! tout simplement comment changer les photos et quelle soit prise en compte (je suis néophyte et avide d'apprendre) et peut on rajouter un lien qui amènerait a l'article du produit en cliquant dessus?
par avance merci pour la reponse.

[jolvil]

Dans ce module il faut ajouter les liens vers les images et le texte dans le fichier tpl.
Sinon il y a un module slideshow à peu pres équivalent sur ce post
http://www.prestasho...iewthread/22490
avec en plus la possibilité de charger 4 images dans l'admin et gérer les textes selon la langue.

[mfrederic4]

j ai bien téléchargé le module link (http://www.prestasho...iewthread/22490) et installé mais il n'apparait pas dans ma liste de module d'où l'intérêt pour le votre.
et comment fait on pour ajouter un lien?

[maxhome]

Bonsoir,
Jolvil avant toutes choses bravo et merci pour ce slider, superbe travail...

Par contre suis-je le seul à avoir ce bug?

Dès que je rajoute le bloc recherche rapide dans un bloc, le slider disparait et petit icone en bas d'explorer me signalant une erreur...
Dès que je retire le bloc recherche rapide, tout redevient normal...

J'y comprends rien mais alors rien du tout là.....
Merci


Précisions:
Si bloc recherche à gauche plus de slider et erreur
Si bloc à droite, slider visible mais erreur

EDIT: 1h30 du mat, je devais plus avoir les yeux en face des trous, je pense que mon problème est plutôt dû à mes bidouillages qu'à ton slider....Je recommence, désolé

[untempo]

Une petite question... Si on veut mettre + de 5 images, que faut-il modifier ? j'ai copier coller des bouts de codes mais arrivé à la 6ème image, le slideshow se bloque ?!

Merci !

[mfrederic4]

Bonjour,

Tu vas dans "MODULE" "PROGRAMME S3SLIDER" "S3SLIDER TPL"
Fait un copier coller de la par exemple 5eme ligne et change le "5" en "6". Et n'oublie pas de rajouter une photo avec le N° 6.
Bon courage. ;-)

[untempo]

ben c'est ce que j'ai fait (mes copier coller bout de code ;-)) mais ça bloque... voilà le code que j'ai copié :

        

            

                
                Title photo 1
Text photo 1
            

            

                
                Title photo 2
Text photo 2
            

            

                
                Title photo 3
Text photo 3
            

            

                
                Title photo 4
Text photo 4
            

            

                
                Title photo 5
Text photo 5