Ask your WordPress questions! Pay money and get answers fast! (more info)

Make Infinite Scroll work with theme (shaken grid)? WordPress

  • SOLVED

Saw it is solved already but still not possible to get it done by myself. Anyone can help - i will just pass the admin info and will be great if you can sort it directly.

http://wpquestions.com/question/show/id/3617
http://wpquestions.com/question/show/id/2835

Thanks heaps.

Answers (3)

2012-10-17

Christianto answers:

Hi Andrew,

Done by pm,
I include infinite plugin js and add this code:

jQuery(document).ready(function($) {
// Infinite Scroll jQuery+Wordpress plugin
// Now we're inside, we should be able to use $ again
$('.sort').infinitescroll({
debug : false,
loading : {
img : "http://yoursite.com/wp-content/themes/shaken-grid-premium/images/ajax-loader.gif",
msgText : "<em>Loading the next set of posts...</em>",
finishedMsg : "<em>No More Qoutes for this Category..</em>"
},
state : {
currPage : "1"
},
nextSelector : ".nav-previous a",
navSelector : ".navigation",
contentSelector : ".sort",
itemSelector : ".all",
bufferPx : 0
}, function() {
jQuery('.sort').isotope( 'appended', jQuery( arguments[0] ));
}
);
});


I fix the layout causing by un-equal size of images by firing:
jQuery('.sort').isotope( 'reLayout' );
each time jQuery isotope append its content.

and also put manually triggered code per your request
$(window).unbind('.infscr');
$('.morequote').click(function(e){
e.preventDefault();
$('.sort').infinitescroll('retrieve');
return false;
});


So it will retrieve the content if user only click "More Quotes"


Andrew Chan comments:

great - am taking a look now.

2012-10-10

Gabriel Reguly answers:

Hi,

I can do it.

Please send me a [[LINK href="http://wpquestions.com/user/contact/id/1329"]]PM[[/LINK]] with admin details.

Regards,
Gabriel

2012-10-11

Arnav Joy answers:

is your problem solved?