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?

[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

[DownHouse]

https://developers.elementor.com/expose-swiper-in-elementor/ you can do it with this simple JS yourself:

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

This works, but the content inside the slides, such as buttons and so on, becomes unavailable for mouse events.
This may be a swiper bug.