Lodestar: WooCommerce products duplicate if infinite scroll is enabled

[laurelfulford]

This issue was originally reported by @SiobhyB in 4975-wpcom-themes:

Steps to replicate

1. Activate Lodestar on a site with the Business plan.
2. Install the WooCommerce plugin.
3. Navigate to Products > Add New and add more than seven products to your shop.
4. Navigate to Settings > Reading in your site's /wp-admin area to ensure that Infinite Scroll is enabled.
5. View the Shop page.

Result

In the following screenshot, you can see that the following five products are repeated:

• mushrooms sauce with truffles
• pecorino cheese and summer truffles
• porcini and truffle cream 200g
• porcini mushrooms and summer truffle cream

The products are still duplicated with infinite scroll turned off.

It also only seems to happen on Business sites, and doesn't happen on self-hosted sites.

Expected

I expected for all the products that I'd added to display on the Shop page, and didn't expect them to display more than once.

This is similar to #10.

• User report: 254332-h
• User's site: https://truffle-bar.com/shop/