Site icon Hip-Hop Website Design and Development

how to get jetpack’s infinite scroll to work with woocommerce?

I am trying to get Jetpkack’s infinite scroll to work with the WooCommerce product archive template.

I have added the following code to my theme, after installing Jetpack, and I do see the sticky footer that shows when infinite scroll is enabled, and I see it loading default seven products instead of normal output, which leads me to assume the infinite scroll function is firing:

function mytheme_infinite_scroll_init() {
    add_theme_support( 'infinite-scroll', array(
        'container' => 'content',
        'render'    => 'mytheme_infinite_scroll_render',
        'footer'    => 'wrapper',
    ) );
}
add_action( 'init', 'mytheme_infinite_scroll_init' );
function mytheme_infinite_scroll_render() {
    //get_template_part( 'loop' );
    wc_get_template_part( 'content', 'product' );
}

The normal online tutorials say to use

get_template_part('loop');

inside the render function to have infinite scroll work. But since I am trying to get this to work not for normal posts, but for WooCommerce specifically, I peak inside the archive-template.php file inside /woocommerce/templates and see what I assume they are using to display this product archive section of the page:

<?php
/**
* woocommerce_shop_loop hook.
*
* @hooked WC_Structured_Data::generate_product_data() - 10
*/
do_action( 'woocommerce_shop_loop' );
?>
<?php wc_get_template_part( 'content', 'product' ); ?>
<?php endwhile; // end of the loop. ?>

Looking at this file, I see:

wc_get_template_part( 'content', 'product' );

So when I paste this inside my infinite scroll render function:

function mytheme_infinite_scroll_render() {
        wc_get_template_part( 'content', 'product' );
    }

I still do not get it to work.

Interestingly enough, when I go into /woocommerce/templates/archive-product.php and comment out the wc_get_template_part( 'content', 'product' ); part of the file, I do see the infinite scroll loader icon. But of course no products since that part is commented out.

I am posting this question to see if anyone has an idea of what I am missing here. I see the sticky footer so I know this infinite scroll is firing, but I guess my problem is figuring out which line of code to use inside