Accueil / Articles / PrestaShop / Bandeau de texte défilant

Bandeau de texte défilant

Je vous propose ce module PrestaShop permettant d’afficher un texte défilant sur votre site. J’avais déjà proposé un module semblable il y a 2 ans, mais il fonctionnait avec une balise <marquee>, qui est aujourd’hui dépréciée et non valide W3C.


Ce nouveau module utilise donc la librairie jQuery pour afficher le texte défilant.
Du coté du back-office, vous pourrez donc :

  • saisir le texte qui doit défiler
  • choisir le sens de défilement (left,right, top, down)
  • choisir la vitesse de défilement

Ce module se greffe par défaut sur la page d’accueil (hook home), mais peut également se greffer sur les colonnes droite ou gauche, ainsi que sur l’entête ou le pied de page.

Ce module “texte défilant” a été testé sur PrestaShop versions 1.3 et 1.4

Télécharger le module “texte défilant”

Voir aussi

Génération de références pour PrestaShop

Si pour des raisons de logistique, vous devez utiliser des références produits pour votre catalogue …

17 commentaires

  1. Bonjour,

    J’ai voulu essayer si cette version du module est compatible avec PS 1.25 j’ai installer le module et j’ai ce message Erreur(s) de parsing dans le(s) module(s) jc_scrollingtext
    Avez vous une idée

    Mes salutations

  2. Bonjour,
    est il possible de changer la taille et la couleur du texte ?
    Cdt
    robin

    • bien sur, en allant pour celà modifier le fichier .css approprié :
      /modules/jc_scrollingtext/css/jc_scrollingtext.css
      en y ajoutant dans l’élement .scroller ce qu’on désire.

      Par exemple :
      .scroller {
      color: #FF0000;
      font-size: 20px;
      white-space: nowrap;
      }

      donnera un texte en rouge (#FF0000) et en taille 20px

      • Bonjour,
        Petit problème lors de la manip, voici ce qui apparait:

        553 Rename/move failure: Permission denied
        Erreur : Erreur critique lors du transfert du fichier
        Merci de votre aide
        robin

  3. Merci de cette réponse aussi rapide que précise, je teste.
    Merci à vous pour les services rendus à tous les utilisateurs de PS.
    Cdt
    Robin

  4. Pour commencer merci pour ce partage très constructif pour des novices.
    j’ai rentrés les code pour changer la taille et la couleur mais rien n’a changer.
    comment peux t’on faire pour faire défilé le texte juste en dessous de la barre de menus?
    Merci
    David

  5. bjr,
    pour la taille, apparemment vous avez une petite merde dans le fichier jc_scrollingtext.css, car j’y vois :
    
font-size:16px;

    il faudrait donc virer les caractères parasites

    pour mettre le module sous le menu, il faut allez dans Modules, Positions, Greffer, et ajouter le module “texte défilant” dans le hook “top of pages”, éventuellement changer l’ordre ensuite, et le virer du hook “homepage content”

  6. bbonjour a tous ,
    d’abord merci pour ce partage ,
    j’aimerais savoir si on peu l’adapter aux langues
    pour avoir une phrase diférente a chaque language?

    merci

  7. Bonjour

    Une erreur survient sur prestashop 1.4 :

    jc_scrollingtext (erreur de syntaxe dans /modules/jc_scrollingtext/jc_scrollingtext.php)
    Le module ne peur être chargé.

    Merci de votre aide.

    • Pouvez-vous me confirmer que vous etes en PHP 5.3 (Paramètres avancés, Informations) ?
      Mon serveur était en PHP 5.2 jusqu’il y a peu, et apparemment ce pb n’apparait que sur PHP 5.3. Je vais corriger tous mes modules 🙂

  8. Bonjour,

    Avant tout merci pour votre travail, votre blog est une source d’information que je lis régulièrement même si je suis timide en commentaire^^
    Je me demandais : savez-vous si ce module fonctionne sous presta 1.5.6 ? Je n’ose pas trop mettre en place un module s’il n’a pas été testé sous la version avec laquelle je travaille…

    Merci

  9. Bonjour johann
    Tout d’abord un grand merçi pour ce module très utile.
    Je l’utilisais en 1.5.4.1 et en 1.5.6
    Je viens tout juste de passer en 1.6 mais le texte ne défile plus 🙁
    Une mise à jour est-elle envisagée ?
    A bientôt

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. Apprenez comment les données de vos commentaires sont utilisées.