Probleme owl carrousel site multilingue

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Probleme owl carrousel site multilingue

    Bonjour .
    Je travaille sur un site joomla multilingue fr, en, es, de, it, ar, pt:
    niveau php html css : moyen.
    joomla! 3.8.11 en local
    php: v 7.1.9
    MySQL: v5.7.19
    Materialize.css: v1
    j'ai d'abord créé mon site en html et css avec une page Accueil en parallaxe puis converti et installé mon template dans joomla. Je rencontre beaucoup de problèmes relatifs au site multilingue et surtout dans l’intégration de modules en modal. Je n’utilise aucun plugin tiers.
    parmi ces problèmes. l'objet de ce message:
    j'ai un carrousel (owl carrousel 2.3.4) qui marche sur toutes les pages en français anglais etc sauf pour la page en arabe:
    le défilement des images commence par les images 8, 9 et 10 (la fin), le défilement continue de la droite vers la gauche de L’écran, mais les images 1 a 6 ne s'affichent pas. Je pense que le sens d'affichage de la page en arabe (de droite vers la gauche) affecte celui du défilement des images dans le carrousel.
    Question: peut on changer le sens de défilement du dit carrousel ou bien faut-il trouver une autre piste?..
    Merci. Cliquez sur l'image pour l'afficher en taille normale  Nom : Capture.carrousel.PNG  Affichages : 1  Taille : 93,2 Ko  ID : 1986452
    Dernière édition par Mostafam à 27/08/2018, 00h30

  • #2
    Bonsoir,

    Je n’utilise aucun plugin tiers.
    Difficile de vous aider. Il va falloir regarder le code de vos scripts JS
    Owl Carousel 2 prévoit une option RTL qui n'était pas disponible dans la version 1
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Merci pour votre réponse rapide.
      voici mon code js qui je rappelle marche tres bien sur les pages fr, en, es etc.. c.a.d qui s’écrivent de gauche vers droite.
      code js:
      //OWL-CAROUSEL
      $('.owl-carousel').owlCarousel({
      loop:true,
      margin:10,
      autoplay:true,
      autoplayTimeout:5000,
      autoplayHoverPause:true,
      smartSpeed:4000,
      responsiveClass:true,
      responsive: {
      0: {
      items:1,
      nav:false
      },
      600: {
      items:2,
      nav:false
      },
      1000: {
      items:3,
      nav:false,
      loop:false
      }
      }
      })

      d'un autre cote (peut être que c'est une piste) mon menu arabe est aussi inverse : au lieu de commencer à droite par la page d'accueil , celle-ci est placée à gauche.

      Commentaire


      • #4
        Bonjour.
        Effectivement, il fallait juste ajouter:
        code:
        rtl:true,
        Aussi pour le menu c’était un problème "right to left " de materialize.css.
        Un grand merci

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X