Load more button is overlapped by products

Hi,

I finally discovered your plugin. Great piece of work! I was looking for a solution like this for a long time. As I’m developing a stock photo site it is important to present the visitor with photos when they are scrolling down the page. The infinite scroll function works perfectly for this behavior.

However I stumble into some issues.

1) When using infinite scroll function the visitor never sees the footer of the page. So, I thought, I’m gonna use the Load more button. Doing so however leaves me with the button on top of the page with the products overlapping it. I know where that is coming from. I’m using masonry (from David Desandro) to show the products. When all images are loaded masonry kicks in and takes care of the layout. So from the vies of the button no products are displayed and moves to the top of the page (at least I think this is what is happening). What can i do about it?

2) When the second, third, fourth (and so on) batch is loaded the masonry has to be executed every time to get the layout right. I have a function in my themes functions.php which is executing the masonry. Right now, in your plugin I have to call a javascript (which is inside the php function) and paste it in the field settings -> javascript -> after update. This way I have to remember, that when the script is updated, I also edit the script in the field named above. In my opinion it would be a better approach to have the possibility to choose to call a php function or execute a javascript. Maybe a good suggestion for an improvement?

As I’m developing locally I can not provide you with login credentials but I hope I made myself clear enough.

I hope to hear from you soon.

Best regards,

Adri

https://wordpress.org/plugins/load-more-products-for-woocommerce/