Infinite Scroll

[dieter]

Hi I installed the Infinite Scroll plugin from wordpress (https://wordpress.org/plugins/infinite-scroll/) and use the masonry blog style. But what settings should I use to make it work?

Content Selector

Navigation Selector

Next Selector

Item Selector

Callback

[Abe]

Hi,
try:

.posts-listing

.pagination

.page-numbers.next

article.post-item

Don’t know if it will 100% work since I haven’t installed the plugin yet but please try

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[GnosisToday]

This seems to work better, the suggested solution adds the newly read items to level “.posts-listing”.

.posts-listing .row.kleo-masonry
.pagination
.page-numbers.next
article.post-item

However, new items are injected correctly into the page, but they are hidden.
I’m thinking it may have something to do with Kleo’s global category masonry style, which is “post-content animated animate-when-almost-visible el-appear”, and maybe the corresponding javascript events aren’t triggered.

[jdrick55]

I tried those selectors and it seems like its loading something but they are all blank. please help

[Abe]

Please use the selectors I have provided and it should work

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[jdrick55]

This reply has been set as private.

[dev@mediaflex.pl]

Hello i use settings writen here and post are loging. Now i want to they fit to deflaut blog masonry type is it possible ?
What kinda js function im need to trigger ?

[Abe]

To trigger the masonry you should use something like:

COPY CODE

jQuery('.kleo-isotope, .kleo-masonry').isotope();

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts