[Bobby BoslerParticipant]

Hello,

I would like to implement an infinite scroll feature on our website, minutemenministries.org, and had found what seemed to be a solution in this thread. @thestormoflife said that he had gotten it to work with X 4.1:

a) In Customizer set Blog to Style: Masonry
b) Install Plugin “Infinite-Scroll” and parametrize it:
Content Selector: #x-iso-container
Navigation Selector: .pagination
Next Selector: .pagination a:last
Item Selector: .post
Callback: /* Not working, leave empty */
Behavior: Masonry/Isotope
c) Change Behavior in Plugin: Plugins > Editor > Infinite Scroll, masonry-isotope.js
Replace existing code with the following:

/*
	--------------------------------
	Infinite Scroll Behavior
	Masonry Integration
	--------------------------------
	+ https://github.com/paulirish/infinitescroll/
	+ version 2.0b2.110617
	+ Copyright 2011 Paul Irish & Luke Shumard
	+ Licensed under the MIT license
	
	+ Documentation: http://infinite-scroll.com/
	
*/

(function($, undefined) {
	$.extend($.infinitescroll.prototype,{
		_callback_masonry: function infscr_callback_isotope (newElements) {
			$(this).isotope('appended',$(newElements)),
			$(window).trigger('resize');			
		}
	});
})(jQuery);

I tried his solution, with no success. I tried to modify the “Navigation Selector” and “Item Selector”, since it seems the X css has changed from .pagination to .x-pagination, but still with no success. I posted on the thread mentioned above and was asked to create a new thread. Here it is! I hope you all can help!

[Bobby BoslerParticipant]

This reply has been marked as private.

[RadModerator]

Hi Bobby,

I tried all possible settings, and all are correct. I checked the debug and it’s correctly picking all selectors and navigations. What I’m not sure why it’s not working.

It’s displaying this through debug console even though it successfully determined the correct paths.

Sorry, we couldn’t parse your Next (Previous Posts) URL. Verify your the css selector points to the correct A tag. If you still get this error: yell, scream, and kindly ask for help at infinite-scroll.com.

How about contact the infinite scroll author?

Thanks!

[rekluseParticipant]

Bobby, I am wondering if you ever got this to work for your site? I am trying to get Infinite Scroll to work, and it seems to be almost there, but I am getting some formatting issues, and it looks like the back pages might be repeating the posts from the sliders that are supposed to be on each individual back page. Just wondering if you were able to get this functioning properly, so you can let us know how you did it!

[JackKeymaster]

Hi there @rekluse,

Hopefully, Bobby will see your reply and post back 🙂

In the mean time, if it’s just some minor styling issues, we may be able to help with that if you could post a link to your site.

Thanks!

[Author]

Posts