Category: Elementor

Posted on

Disable the Elementor Theme Builder programmatically

If for any reason you see yourself in the need to deactivate the Elementor Theme Builder, you can use the following snippet:

add_action( 'wp_loaded', 'remove_elementor_register_conditions', 1 ); // Hook with priority 1

function remove_elementor_register_conditions() {

    // Get Elementor Pro's Module instance.
    $theme_builder_module = \ElementorPro\Modules\ThemeBuilder\Module::instance();

    // Access Conditions Manager.
    $conditions_manager = $theme_builder_module->get_conditions_manager();

    // Check if not null.
    if ( $conditions_manager ) {
        remove_action( 'wp_loaded', [ $conditions_manager, 'register_conditions' ] ); // Unhook the register_conditions() method from the Theme Builder module.
}
Posted on

Prevent the CheckoutWC’s Side Cart from opening when editing a page with Elementor.

There is a problem with Elementor and CheckoutWC, and that is, when you try to edit any page in the Elementor editor, and you save a change, the CheckoutWC’s Side Cart will auto-open for some strange reason.

This problem is somewhat complex to solve as essentially, the Elementor editor lives in its own environment. This means that if you try to run a WordPress hook from the WordPress core or a third-party plugin, it may or may not work.

I found a workaround to get rid of the Side Cart auto opening when editing a page with Elementor.

It is not the most elegant solution, but hey, it works!

The logic behind it is simple: Detect if the Elementor editor exists on the current page, with JavaScript and CSS selectors. If it does, hide the Side Cart’s floating icon, drawer element, and the background overlay.

See the code below:

function custom_inline_script_for_elementor() {
    // Check if we are in the admin area and return early if we are not
    if (is_admin()) {
        return;
    }

    ?>
    <script>
    (function() {
        var checkAndHide = function() {
            if (document.body.classList.contains('elementor-editor-active')) {
                var elementsToHideIds = ['cfw-side-cart-floating-button', 'cfw-side-cart-overlay', 'cfw-side-cart'];
                elementsToHideIds.forEach(function(id) {
                    var elementToHide = document.getElementById(id);
                    if (elementToHide) {
                        elementToHide.style.display = 'none';
                    }
                });
            }
        };

        // Check immediately
        checkAndHide();

        // Then check repeatedly for a few seconds
        var intervalId = setInterval(checkAndHide, 500);

        // Stop checking after 5 seconds
        setTimeout(function() {
            clearInterval(intervalId);
        }, 5000);
    })();
    </script>
    <?php
}
add_action('wp_footer', 'custom_inline_script_for_elementor');