Last Updated
Viewed 118 Times
        

I'm having difficulties creating new Elementor blocks (images that I populate from a URL and slot into a column, in this case) from Javascript.

I currently have scripts in my page using the html block, and I have actions set up for when a button is clicked. However, I've been unable to find an example of generating new elementor blocks on a web page via code.

Is there a good example I can look at to do this?

My apologies if this is a newbie question.

Here's what I'm trying to do:

1) When a button is clicked, clear the rest of the page

2) Generate a new grouping column with 4 sections

3) Create 1 image block within each section of the columns

4) Populate each image block with an image from a URL

Thanks in advance!

<script> 
document.addEventListener("DOMContentLoaded", function(event) { 
    jQuery('.ShowAllImages').click(function(){ 
        ShowAllImages();
    });
});

function ShowAllImages() {
    //Clear the page below the button
    //Create x amount of grouping sections within page
    //Create y new elementor images in those sections
    //Populate those y elementor image blocks with images   
}
</script>

I am new to protractor tool for automation test in javascript. I am using webstorm as IDE for writing and executing the test cases and I have installed the elementor plugin in it but unable to use it, when i am selecting the particular line of code and right clicking and click on "Test selected locator" - it is showing:

error testing locator:connection refused:connect

Although I am connected to my network. Can someone help me in using this plugin in webstorm?

i want to add lightbox popup on full screen on click of every button that i add in elementor page.is that possible? i have set button id but don't know how to use it in plugin

Here is image of my buttons

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?

Similar Question 4 (1 solutions) : Adding Title to Elementor Pro Media Carousel Widget

Similar Question 5 (1 solutions) : Explanation for javascript code used in the plugin

Similar Question 7 (1 solutions) : Feature stops working when custom javascript is added

Similar Question 8 (1 solutions) : How to redirect users after form submission?

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

cc