Last Updated
Viewed 37 Times

I want to increase my page speed by deregistering unnecessary external resources. I already managed to remove most of the external scripts, Elementor loads by default on the frontend. However, I can't remove the jQuery plugin Sticky somehow. I guess it has to do with being a part of Elementor Pro.

I've already tried to look under jQuery depencies, however that didn't work for me.

function remove_jquery_sticky() {
    if ( ! is_admin()) {
        wp_deregister_script( 'sticky' );
add_action( 'elementor/frontend/after_register_scripts', 'remove_jquery_sticky' );

I expect the jQuery plugin not to load on the frontend, however it still does.

I have a requirement where I need to create a custom widget to Elementor. I will have two text fields and a button on this widget and when I click on Button. I have to trigger an event.

But, I am not getting any button Id on the HTML page when I tried to create a button using this code.

            //'label' => __( 'Submit Content', 'plugin-name' ),
            'type' => \Elementor\Controls_Manager::BUTTON,
            'separator' => 'before',
            'button_type' => 'success',
            'text' => __( 'Submit Product', 'plugin-domain' ),
            'event' => 'namespace:editor:submit',

Is there any way, I can create any id with this button? Or any way I can use this button on click event at javascript or PHP side?

I developed a widget called premium carousel. There I used select2 settings field for the carousel item which is loaded from the Elementor library. When a template is published in Elementor Libray and refresh the carousel editor page then that published template is populated in that select2 setting field.

When in editor page, I save a template, then that template is not populated directly. To overcome this problem I was using the jquery ajax. But the problem is "After clicking the save template button, in success function I can not select that select field in where I want to append the new item."

I want to select the highlighted area select html tag

I tried this way for checking

(function( $ ) {

    $(document).ready( function() {

    $('.elementor-control-premium_carousel_slider_content select[data-setting=premium_carousel_slider_content] ').css('width', '60px !important');
    // not selecting this element

    $('body').on('click', 'button#elementor-template-library-save-template-submit',
        { name:'elementor-control-premium_carousel_slider_content select[data-setting=premium_carousel_slider_content' }, function( event ) {
            console.log( $('.' + ).length );
      // logs 0 which mean that element does not exists in document. Coming from another javascript code


How can I get rid of this problem? Any idea please?

I am using elementor wordpress plugin. I have made a form using elementor pro plugin. I want to get data when form is submitted and send an external api call with form data. I studied elementor documentation but did not found clear code sample. Is there is a way to send form data to external api.

Similar Question 5 (1 solutions) : Wordpress Elementor - Lightbox Issue + Jquery conflict

Similar Question 6 (2 solutions) : How to create widget category of elementor on wordpress