Add to Wishlist button missing from ajax-ly paginated pages

Hello there,
we hope you’re doing well!

Could you provide us with the link to the page where you have the block and with our active plugin please?

Let us know any news.

Best regards.

@juaancmendez

Of course. The link:

Hobbies 4 Life – Find a hobby for a better life

Hello there,

I just checked the link provided, and I can see the add to wishlist buttons correctly.

In case you have active cache on your site, please try clearing it from your site and check again.

Let us know any news.

Best regards.

@juaancmendez

Please first load another page by clicking “Next Page”:

https://1drv.ms/i/s!AhEX_VIY1-zfhZtNdbZI7SpTozvaug?e=ixSYdR

Then, you will see the issue:

https://1drv.ms/i/s!AhEX_VIY1-zfhZtOsK9fFMDrtkBIHg?e=lfVMK1

Thanks.

@juaancmendez

Any updates on this by any chance?

@juaancmendez

Update:

Finding no solution, I disabled “Enable AJAX loading” option – so you won’t be able to see the issue in the link I previously sent.

Please try to reproduce it on a test environment:

• Use the native WooCommerce Product Collection block
• Make sure you have multiple pages in the block
• Enable AJAX loading
• Use the Product Collection block pagination to load new pages
• You will see the new pages has no “Add to Wishlist” buttons

Thanks.

I created a staging website, so you can test the issue there:

[STAGING] Hobbies 4 Life – Find a hobby for a better life

Hello there,

Please, try adding the following code in the functions.php file of your active child theme:

if (!function_exists('yith_wcwl_reload_fragments')) {
    function yith_wcwl_reload_fragments()
    {
        $jquery = 'jQuery(".wp-block-query-pagination a").click(function () {
            setTimeout(function() { 
                jQuery(document).trigger("yith_wcwl_reload_fragments");
            }, 2000);
        });';
        wp_add_inline_script('jquery-yith-wcwl', $jquery);
        wp_add_inline_script('jquery-yith-wcwl-user', $jquery);
    }
    add_action( 'wp_enqueue_scripts', 'yith_wcwl_reload_fragments', 999 );
}

Let us know any news.

Best regards.

Thank you, @juaancmendez.

Yes, it seems to solve the issue.

Will it be made a part of the plugin?

@juaancmendez

After testing a bit more I see it doesn’t work when going back in the pagination,

@juaancmendez

Any updates on this by any chance?

Thanks.

Hello there,

Try replacing the previous code with this new one:

if (!function_exists('yith_wcwl_reload_fragments')) {
    function yith_wcwl_reload_fragments()
    {
        $jquery = 'jQuery( document ).on ( "click", ".wp-block-query-pagination-previous, .wp-block-query-pagination-next", function () {
    console.log( "pagination button press" );
    setTimeout(function() {
        jQuery(document).trigger('yith_wcwl_init');
        jQuery(document).trigger('yith_wcwl_reload_fragments');
    }, 1000);
});';
        wp_add_inline_script('jquery-yith-wcwl', $jquery);
        wp_add_inline_script('jquery-yith-wcwl-user', $jquery);
    }
    add_action( 'wp_enqueue_scripts', 'yith_wcwl_reload_fragments', 999 );
}

If you have any caching or script optimizer plugins, disable them temporarily.

Let us know any news.

Best regards.

Thanks, @juaancmendez.

It is still not working when clicking the “previous” button.

Is it working for you?

Hi, @juaancmendez.

Any update on this by any chance?

Thanks.