PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

MODULES PRESTASHOP - Editorials3Slider et s3Slider slideshow

86 replies to this topic
#1
jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2706 posts
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/.

#2
Kreasite

    PrestaShop Addict

  • Members
  • PipPipPip
  • 817 posts
Très bon jolvil.

++

DAV
Infographiste/intégrateur - Graphic designer/integrator XHTML/CSS template specialist for PrestaShop
www.e.kreasite.fr - www.facebook
C'est parce que la vitesse de la lumière est supérieure à celle du son, que certains ont l'air brillant avant d'avoir l'air con.

#3
gribouille

    PrestaShop Apprentice

  • Members
  • PipPip
  • 67 posts
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.
Tout est possible ... il suffit juste d'y croire ...

#4
untempo

    PrestaShop Apprentice

  • Members
  • PipPip
  • 78 posts
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...

#5
jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2706 posts

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...

#6
Ehinarr

    Sir

  • Members
  • PipPipPipPip
  • 1134 posts
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?
My Blog
PS v1.4.7.0

#7
jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2706 posts

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

#8
holyknight

    PrestaShop Newbie

  • Members
  • Pip
  • 2 posts

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 :-(

#9
jolvil

    PrestaShop Fanatic

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

#10
Ehinarr

    Sir

  • Members
  • PipPipPipPip
  • 1134 posts
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;

My Blog
PS v1.4.7.0

#11
Micro Project

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts
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...
Y'a pas qu'le riz et les pattes dans la vie... y'a Ebly aussi T_T !

Micro Project, l'informatique par excellence : http://www..micro-project.fr/

Micro Project, la boutique : http://www.e-boutique.micro-project.fr/

#12
jolvil

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 2706 posts
C'est simple

dans le fichier .tpl il faut indiquer ou au choix


 

  • 4
    Title photo 4 Text photo 4


  • 5
    Title photo 5 Text photo 5


  • #13
    se7en

      PrestaShop Newbie

    • Members
    • Pip
    • 6 posts
    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

    #14
    mfrederic4

      PrestaShop Apprentice

    • Members
    • PipPip
    • 114 posts
    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.

    #15
    jolvil

      PrestaShop Fanatic

    • Members
    • PipPipPipPip
    • 2706 posts
    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.

    #16
    mfrederic4

      PrestaShop Apprentice

    • Members
    • PipPip
    • 114 posts
    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?

    #17
    maxhome

      PrestaShop Addict

    • Members
    • PipPipPip
    • 519 posts
    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é
    Presta prod 1.2.5 /svn
    Faites un don aux developpeurs qui nous offrent ici leur travail, c'est important.

    #18
    untempo

      PrestaShop Apprentice

    • Members
    • PipPip
    • 78 posts
    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 !

    #19
    mfrederic4

      PrestaShop Apprentice

    • Members
    • PipPip
    • 114 posts
    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. ;-)

    #20
    untempo

      PrestaShop Apprentice

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




    • 1
      Title photo 1 Text photo 1


    • 2
      Title photo 2 Text photo 2


    • 3
      Title photo 3 Text photo 3


    • 4
      Title photo 4 Text photo 4


    • 5
      Title photo 5 Text photo 5


    • 6


    • 7


    • 8


    • 9