Pagination problem

Hello Support,

I’m having a problem with Woodmart shop pagination.

I run a lottery site where users can play lotteries. Each lottery page shows a countdown to show the time remaining until the end of the lottery. See the below.

But this count down does not show on the shop page grid or carousel. So I added a piece of code to show the countdown on all product grids and carousels site-wide. (see code in private block)

Now the countdown shows on the shop page product grids and carousels. see image.

However, when I use paginations like “load more” or “Infinity scroll”, the countdown doesn’t show on subsequently loaded product grids. It only shows on the product grids loaded at the initial instance. See the below image. You can see the countdown does not show on this grid. The grid was loaded after the “infinity scroll” was triggered at “load more” line.

How do I make paginations show all available data and not hide some?

My images seem not to be showing so I re-attached the images in comments.