• Resolved Haris Khan Durrani

    (@hariskhandurrani)


    heelo mate!
    i got issue in premium carousle whenerver i conver my website language into arabic so my slider is not working or in another word not showing what should i do even i already enabled rtl mode in premium carousle

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi @hariskhandurrani,

    Thanks for contacting Leap13 support!

    I’ve checked your page and everything seems to be working fine from my end, so am I missing something?

    Here’s a screen recording to show the page from my perspective.

    Regards

    Thread Starter Haris Khan Durrani

    (@hariskhandurrani)

    Thank you soo much for your response i resolved that issue myself issue comes from rtl mode so i add some of my jquery to perform code so its working fine now.

    Hi @hariskhandurrani,

    We would greatly appreciate if you could provide the code you added so we can check and see if we can add it in the plugin.

    Regards

    Thread Starter Haris Khan Durrani

    (@hariskhandurrani)

    Sure i can
    here is my code

    jQuery(document).ready(function(){
      
      if (jQuery('body').hasClass('rtl')) {
        
         $('#premium-carousel-wrapper-3b57349').attr('data-settings','{"vertical":false,"slidesToScroll":1,"slidesToShow":1,"infinite":true,"speed":300,"fade":false,"autoplay":true,"autoplaySpeed":5000,"draggable":true,"touchMove":true,"rtl":true,"adaptiveHeight":false,"pauseOnHover":false,"centerMode":false,"centerPadding":"15px","arrows":false,"dots":false,"slidesDesk":1,"slidesTab":1,"slidesMob":1,"animation":"null","tabletBreak":1025,"mobileBreak":768,"navigation":["#1","#2","#3"]}');
     
      }
      
      else{
      $('#premium-carousel-wrapper-3b57349').attr('data-settings','{"vertical":false,"slidesToScroll":1,"slidesToShow":1,"infinite":true,"speed":300,"fade":false,"autoplay":true,"autoplaySpeed":5000,"draggable":true,"touchMove":true,"rtl":false,"adaptiveHeight":false,"pauseOnHover":false,"centerMode":false,"centerPadding":"15px","arrows":false,"dots":false,"slidesDesk":1,"slidesTab":1,"slidesMob":1,"animation":"null","tabletBreak":1025,"mobileBreak":768,"navigation":["#1","#2","#3"]}');
      }
    })

    @hariskhandurrani
    does this code is working. I have tried with this but in RTL mode its not working, the carousel shows blank.
    could you please help me on that?

    Thread Starter Haris Khan Durrani

    (@hariskhandurrani)

    @saudpds yeah its working completely fine you have to define your premium carousle wrapper id its unique for everyone

    @hariskhandurrani
    I did the same. I have define carousel wrapper id still in RTL mode shows blank.
    I don’t know why its not working. The plugin supports also not giving proper solution

    @hariskhandurrani
    should i add the above code in the <srcipt> </script>

    Thread Starter Haris Khan Durrani

    (@hariskhandurrani)

    @saudpds Could you please send me url of your carousel page then i will guide you properly.

    Thread Starter Haris Khan Durrani

    (@hariskhandurrani)

    @saudpds as i can see there is no erro your slider is showing completly fine
    but there is a jquery error

    Uncaught TypeError: $ is not a function
        at HTMLDocument.<anonymous> ((index):10)
        at e (jquery.min.js:2)
        at t (jquery.min.js:2)

    try jQuery instead of $

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘language issue’ is closed to new replies.