The issue with the Swiper slider after updating to the latest version.

Hi there,

Thanks for contacting us

We highly recommend that you report this issue to the support team for this plugin, so they may further troubleshoot and provide any recommendation (or possible fix) to resolve this issue.

Should they need any help from us, they can open an issue on our Github account and our developers will be happy to assist. https://github.com/elementor/elementor/issues

For reference: What do we Support?

Kind regards,

Hello there,

Please provide me with the steps on how Elementor support can help resolve my issue. I am unable to find how to raise the issue on GitHub. It would be helpful if you could provide clear and proper steps.

Hi @developermr

To post on our GitHub Repository, follow this Contribution Guidelines: https://github.com/elementor/elementor/blob/master/.github/CONTRIBUTING.md

Regarding the Swiper library, please note that the Elementor 3.26 version introduced some important updates:

• Previously, swiper styles were loaded everywhere to make them available for different carousel widgets. As of 3.24, widgets need to declare which styles they are using, with the?get_style_depends()?method. Therefore, Elementor no longer needs to load swiper styles on all the pages, these styles are loaded conditionally only if one of the widgets is using swiper.
• Optimizing DOM Size for Carousel Widgets – When activating the experiment, four carousel-related Pro widgets will have less wrapping?<div>?elements, removing the unused?.elementor-swiper?wrappers.
• Elementor no longer loads the old Swiper 5 files, fully migrating Elementor widgets to Swiper 8. Alternatively, to continue using Swiper 5, add the library files to your addon files, register them, and declare them as standard?widgets dependencies.

Complete developer update for Elementor 3.26 version: https://developers.elementor.com/elementor-3-26-developers-update/

If you find your custom plugin somewhere in these points, you will have to update your source code to reflect the changes from the Elementor 3.26 release.

I hope this helps.
Kind regards,

Hi Matthew, I’m here to help you as an independent developer.

By default, in the latest version of Elementor, the Swiper enqueue script/style is disabled. To enable it in our custom-created widgets, we need to add the following code in the custom widget class:

public function get_style_depends(): array {
       return [ 'swiper', 'e-swiper' ];
}

Example of custom elementor widget:

class Testimonials_Swiper_Widget extends \Elementor\Widget_Base { 
    public function get_style_depends(): array {
	return [ 'swiper', 'e-swiper' ];
    }
    
    public function get_name() {
        return 'testimonials-slider';
    }
    public function get_title() {
        return esc_html__( 'Testimonials Slider', '' );
    }
}

Hi Rizwan,

Thank you for your help. I have checked and made the changes according to the latest Elementor updates, following the same method you provided in the example.