Last Updated
Viewed 195 Times
              

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.

          'submit_content',
          [
            //'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'm missing the option to add a title to each slide of the Elementor Pro Media Carousel Widget. I'm using the description of images within the overlay option, but I also need to have a title of each slide shown underneath within the carousel. A text input field each slide would be best, but if there's away to append the media's title with some script would be a way also. Does anyone have a solution for this? The image carousel has that option. I don't know why it's not included within the media carousel widget though..

Thanks in advance!

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.

Hi there and thanks in advance for all help

I’m working on a wordpress website and I am using Elementor and Elementor Pro. I have a button in a sticky header. When people start scrolling down I would like this button to turn red and the text turn white. In a gradual way. (When the colors were the other way around.)

Now I sort of know how to do it but I’m not all sure on everything. I got a guide from a post on Medium which is about turning the whole page a different color which I thought I could tweek a biut to target the button. I'm not totally unfamiliar with a bit of coding but I run into some incompatibilities. I've added the code from the Medium post below.

What I know:

I need to make a class in CSS ie. .changeColor

And call up this change in a Javascript.

I can add the CSS in the custom CSS part of the widget in Elementor. But where do I put the script.js in the rest of the files? WordPress only has .php files I can get into and because I’m working in Elementor, should or can I place it somewhere else?

Also do i put the transition time in the CSS that describes the button or in the CSS that describes the change?

Many thanks for whoever could make all this a bit clearer for me. THANKS!

Colin

Beginsituation:

body {
    background: white;
    transition: 0.3s all;
}

What needs to happen on scroll

.changeColor {
    background: red;
}

A little Javascript

$(function() {
   $(window).scroll(function () {
      if ($(this).scrollTop() > 50) {
         $(‘body’).addClass(‘changeColor’)
      }
      if ($(this).scrollTop() < 50) {
         $(‘body’).removeClass(‘changeColor’)
      }
   });
});

`

And add a bit of code to the HTML document that refers to the google hosted library for javascript

Similar Question 6 (1 solutions) : Change text in Elementor Menu Cart widget

Similar Question 7 (1 solutions) : how to add lightbox popup in Elementor

cc