Transition control (slide or fade) for nested carousel

[Michaelgimii]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Please add Transition feature to the new carousel widget. Currently, slide is the default and it is not possible to change it to fade.

Describe the solution you'd like

Transition control (slide or fade) for nested carousel widget.

Describe alternatives you've considered

No response

Additional context

No response

[arekuki]

+1

[mikekellneringenious]

Hi @nicholaszein, what is the best way to get this suggested for a future release?

[mstudioIL]

@m1ga it is not working for me
I have error "Uncaught TypeError: Cannot read properties of undefined (reading 'params')"
I want the carousel with the containers do have fade effect and not slide

[m1ga]

see the comment above and to answer your future question:. It's undefined for you, so you run the script too early.

[mstudioIL]

I added it on the page with HTML widget using

<script>
swiper = jQuery ( ".swiper" ).data("swiper");
swiper.params.effect = "fade"; 
swiper.params.fadeEffect.crossFade = true;
swiper.destroy(false)
new Swiper(".swiper", swiper.params)
</script>

Should I add custom ID so it won't effect other slide on the page?

[m1ga]

please read my comment, I'm not doing JS support here. check some basic tutorials or use the comments of the official Elementor post in my first comment

[mstudioIL]

OK, thanks