Lazy load prevents comments from loading at all

  • Resolved plainrane

    (@plainrane)


    3 months, 4 weeks ago

    We are using the Divi theme. All plugins and themes are up-to-date. When lazy loading is enabled on our site, any post with >10 comments won’t load the comments. It just shows a “Load Comments” button. When you click it, it spins for a second and then nothing else happens.

    Upon checking the Network tab in the browser’s inspector tool, I can see that there is a 500 error from the server saying the custom comment template is failing to load.

    I traced the difference between pages that load correctly and pages that don’t, and saw that the ones with more than 10 comments were making a call to admin-ajax, while the posts with fewer than 10 comments weren’t.

    The error is occurring in the start_el function in the Walker_Comment class. The error that gets returned is that et_custom_comments_display is not a valid function. This function is a custom function found in the Divi theme’s builder .../wp-content/themes/Divi/includes/builder/functions.php. Specifically it is happening on line 183 it the current version of Divi, where it says call_user_func( $args['callback'], $comment, $args, $depth );

    When lazy loading is off, this works fine. When lazy loading is on, it can’t find this function.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @plainrane,

    I suppose you are referring to the “Lazyload Comments” feature under Hummingbird > Advanced Tools > Lazyload.

    I gave a quick test in my system but I couldn’t replicate such an issue when tested with the latest version of Divi and Hummingbird. Are you running the latest versions?

    Since there is also a 500 error as you have stated, could you please try enabling the debug log and check if any fatal or critical errors are picked? This should also give a better idea regarding the issues noticed.

    To enable debug mode, open your wp-config.php file located in your root directory, and look for define(‘WP_DEBUG’, false);. Change it to:

    define('WP_DEBUG', true);

    In order to enable the error logging to a file on the server you need to add:
    define( 'WP_DEBUG_LOG', true );

    define( 'WP_DEBUG_DISPLAY', false );

    @ini_set( 'display_errors', 0 );

    define( 'SCRIPT_DEBUG', true );


    After making the above changes, please try to replicate the issue. The related errors will be saved to a debug.log log file inside the /wp-content/ directory.

    Please check the deubg.log file and see if any errors have been picked up. You can find more details about debugging here:
    https://www.ads-software.com/support/article/debugging-in-wordpress

    Please let us know how that goes, have a nice day.

    Kind Regards,
    Nithin

    Thread Starter plainrane

    (@plainrane)

    Hello,

    I am running the latest version of WP, Hummingbird, and Divi. PHP version is 8.2. I also tried disabling all other plugins and get the same error. It’s happening on both our production site and the local test server. The log is from our test server.

    Here is the log output:

    [26-Jul-2024 15:26:34 UTC] PHP Fatal error:  Uncaught TypeError: call_user_func(): Argument #1 ($callback) must be a valid callback, function "et_custom_comments_display" not found or invalid function name in /opt/lampp/htdocs/wp-includes/class-walker-comment.php:183
    Stack trace:
    #0 /opt/lampp/htdocs/wp-includes/class-wp-walker.php(147): Walker_Comment->start_el('', Object(WP_Comment), 1, Array)
    #1 /opt/lampp/htdocs/wp-includes/class-walker-comment.php(139): Walker->display_element(Object(WP_Comment), Array, '10', 0, Array, '')
    #2 /opt/lampp/htdocs/wp-includes/class-wp-walker.php(390): Walker_Comment->display_element(Object(WP_Comment), Array, '10', 0, Array, '')
    #3 /opt/lampp/htdocs/wp-includes/comment-template.php(2396): Walker->paged_walk(Array, '10', 0, 0, Array)
    #4 /opt/lampp/htdocs/wp-content/themes/Divi/comments.php(30): wp_list_comments(Array)
    #5 /opt/lampp/htdocs/wp-includes/comment-template.php(1623): require('/opt/lampp/htdo...')
    #6 /opt/lampp/htdocs/wp-content/plugins/hummingbird-performance/core/modules/class-advanced.php(1170): comments_template('/comments.php', '1')
    #7 /opt/lampp/htdocs/wp-includes/class-wp-hook.php(324): Hummingbird\Core\Modules\Advanced->comment_template('')
    #8 /opt/lampp/htdocs/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters('', Array)
    #9 /opt/lampp/htdocs/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
    #10 /opt/lampp/htdocs/wp-admin/admin-ajax.php(192): do_action('wp_ajax_get_com...')
    #11 {main}
      thrown in /opt/lampp/htdocs/wp-includes/class-walker-comment.php on line 183

    • This reply was modified 3 months, 4 weeks ago by plainrane.
    Plugin Support Laura – WPMU DEV Support

    (@wpmudevsupport3)

    Hi @plainrane,

    Hope this message finds you well.

    Thanks for the information, after performing some tests I was able to reproduce the issue on my site.

    In such a case, I notified our devs about this issue, they will take a closer look, and provide further information. Since they work on complex issues, getting a reply from them could take more time than usual, we will notify you on this ticket once we get an update from them.

    Best regards,
    Laura

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @plainrane

    We didn’t hear back from you for quite a while already so I’m marking this as resolved for now.

    If you still need assistance with the case, let us know and we’ll get back to you.

    Best regards,
    Adam

    Plugin Support Laura – WPMU DEV Support

    (@wpmudevsupport3)

    Hi @plainrane,

    Our developers provided a snippet here:

    <?php

add_action( 'init', function() {
    if ( ! defined( 'WPHB_VERSION' ) ) {
        return; // Hummingbird is not installed/enabled.
    }
    if ( ! defined( 'ET_CORE_PATH' ) ) {
        return; // Divi is not installed/enabled
    }

    // wp-content/themes/Divi/includes/builder/functions.php
    $target_file = dirname( ET_CORE_PATH ) . '/includes/builder/functions.php';
    
    if ( ! file_exists( $target_file ) ) {
        return;
    }

    $callback = function() use ( $target_file ) {
        if ( ! function_exists( 'et_custom_comments_display' ) || file_exists( $target_file ) ) {
            require_once $target_file;
        }
    };

    add_action( 'wp_ajax_get_comments_template', $callback, 9 );
    add_action( 'wp_ajax_nopriv_get_comments_template', $callback, 9 );
});

    You might need to install it as a mu-plugin following the instructions on this link https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins.

    Let us know if you require additional information.

    Best regards,
    Laura

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.