Snippets / PHP
PHP
Free Elementor Pro : Fix conflict between Pro Elements and Elementor
B
brindeau.joachim
·
260 views
·
Updated 1 year ago
When using Pro Elements to get Elementor Pro features for free, you will sometimes be stuck with a loading screen forever.This snippet fixes that.
Simply paste this in your favorite snippet management plugin.
function remove_elementor_loading_panel() {
// Check if Elementor is active
if ( did_action( 'elementor/loaded' ) ) {
// Add custom script to Elementor editor
add_action('elementor/editor/after_enqueue_scripts', function() {
?>
<script>
document.addEventListener('DOMContentLoaded', function() {
function removeLoadingPanel() {
const loadingPanel = document.querySelector('#elementor-panel-state-loading');
if (loadingPanel) {
loadingPanel.remove();
}
}
// Run immediately
removeLoadingPanel();
// Run after a short delay
setTimeout(removeLoadingPanel, 500);
// Watch for changes
const observer = new MutationObserver(function() {
removeLoadingPanel();
});
observer.observe(document.body, {
childList: true,
subtree: true
});
});
</script>
<?php
});
// Add custom styles
add_action('elementor/editor/after_enqueue_styles', function() {
?>
<style>
#elementor-panel-state-loading {
display: none !important;
}
</style>
<?php
});
}
}
add_action('init', 'remove_elementor_loading_panel');
PHP · 48 lines
Discussion
Ask a question or share how you used this.
Log in
to join the discussion.
No comments yet — be the first.