Hello,

I checked your screenshot and I see my blog page with the same article items loaded multiple times. How did that happen?

If I try in my browser I only see each item loaded once, and unfortunately still with some overlap even when I use a good internet connection. I see the same issue on Chrome and Firefox. Can you please try again from your side?

Thanks.

Hi Mihailia,

I keep seeing the overlap from all my browsers, and I also asked a couple of people and they get the same:

https://monosnap.com/file/vu0cZk34gn1RRjIYLa4uZE7q4MN81R

can you please have a look and let me know what you think?

thanks!

Hi Mihaila,

thanks for explaining. Do you think that limiting the number of blog items in the main /blog page could help in avoiding the overlap?

Is there a setting to configure the amount of article items showed there (e.g. just show the 10 most recent, and place the others in the next page)?

Thanks!

Hello Kris,

I can try this query settings to limit the amount of items, but I am not able to find it? Please indicate me the exact location and I’ll try.

I enabled pagination and it works better, but still I’d like to control the number of items displayed:

https://monosnap.com/file/EbIz72f7nwJ20iJTmgzO9VaM4d3EeA

thanks!

Hi Ruco,

ok, is it enough if I grant you access to my WP dashboard as admin?

thanks.

Hi Ruco,

I provided the credentials and disabled /blog/ pagination, now should be infinite scroll. Please let me know after you had a look.

thanks.

Hello,

I did change the main.js file as indicated, but the issue is still there in the /blog/ page (I cleared the cache few times) when scrolling down:

https://monosnap.com/file/AbewPH5MAQeXuNJ2GxjMJ6G6hlb61c

see the code extract below.

BTW I disabled the admin user in my WP, please let me know if you still need it and I’ll enable again.

/* ----------------------------- Blog Infinite Scroll -------------------- */

function codelessBlogInfiniteScroll(){

"use strict";

var container = '#posts_container';

var behavior = '';

if($('#blogmasonry').length > 0){

container = '#blogmasonry .filterable';

behavior = 'masonry_blog';

}else

container = '#posts_container';

$(container).infinitescroll({

navSelector  : "div.p_pagination",

// selector for the paged navigation (it will be hidden)

nextSelector : "div.p_pagination a.next_link",

// selector for the NEXT link (to page 2)

itemSelector : "#posts_container article.post",

// selector for all items you'll retrieve

animate      : true,

loading : {

img: '',

msgText: ''

},

behavior : behavior

});

codeless_blogmasonry();

}

/* ----------------------------- End Blog Infinite Scroll ---------------- */

• This reply was modified 7 years, 3 months ago by wally.
• This reply was modified 7 years, 3 months ago by wally.