Premium carousel not working in RTL mode

Hi there,

Please share a page link so I can have a look and see what is going there.

Regards

There you go:

https://youparty.co.il/test

Move one slide down and there is the Premium carousel

• This reply was modified 10 months, 1 week ago by kfirsad.

BTW i flipped the dots horizontaly so it will at least make sense somehow in Hebrew. Now i deleted it. So if you already seen it that’s why.

Please add the CSS lines below in your page and let me know if it did the trick

.premium-carousel-inner .slick-list {
    direction: rtl;
}

Thanks, but now the slides are visible but it made them flip so text that was supposed to be on the right now is in the left.

I want that the slides (which are elemntor templates i’ve created) would stay the same beacuse it masses their layout…

Update – fixed the layout of each slide, but noticed that now the carousel is messed up – the 4 slide is the first, then the first one is the second and etc.

So it’s:

4,1,2,3

Instead of:

1,2,3,4

And the slider dots goes the wrong direction – the most left dot is the 3, instead of the 4. The most right one is the 4 instead of the 1.

• This reply was modified 10 months ago by kfirsad.

@kfirsad may I ask did what are the changes that you made? I can see the issue you are referring to, but I believe that the invalid order of the templates can’t be caused by the CSS lines we sent.

All I did was changing the layout of each template so it would work in RTL direction.
When I wasn’t in the RTL mode the order was good….

The widget doesn’t let me choose the order of the templates, it chooses them by alphabet (Each one starts with a number – 1,2,3,4). If it would I could choose the desired order. Right now it orders them from left to right so that could be a problem, but that doesn’t tell why the 4th is the first and the first is the second

Another thing – now Lotties are not visible. When i return to not using RTL mode and without the css you’ve provided, then they are visible again.

@kfirsad To order the templates in the carousel widget, please set the Content Type option in widget settings -> Content tab to “Repeater” instead of “Select Field”. This will help you to add the templates and order them as you want.

Ok, after doing what you’ve said and flipping manualy the slick-dots it works now. The layout for some reason is this: 3,2,1,4 (1 is shown the first and 4 the last at that layout). Don’t know why but it works.

The only thing that I still need help with is the lotties, which are appering in the elemntor editor but when i preview it the lotties aren’t visible.

@kfirsad Please share a screenshot showing the Lottie animation on the editor. Does it exist on the same page?

Regards

This is from the page itself:

https://drive.google.com/file/d/1lGsM2SgksfYRazkupooNN0MzOZ8npY1R/view?usp=sharing

This is from the editor:

https://drive.google.com/file/d/1jcVkvXsBV6zPzwd-1Pn7NZYB0OcSnlWs/view?usp=sharing

Before changing to RTL mode it worked just fine.

I can see a console error coming from this line. I believe that this can cause some functions (including the Lottie animation) to be broken. Please check from your end to make sure that no JS errors are thrown.

Regards

It doesnt realted, just a function i’ve added. I removed it for now, and the problem still occurs.