mgibbs189

{{gist file=”facetwp-isotope.js” lang=”javascript”}}
jQuery(document).ready(function($) {
//* FacetWP Isotope
var fwpScrollToBtn = false;
var $grid = $(‘.fwpl-layout’);
$grid.imagesLoaded(function() {
//* Wrapped in a short timeout function because $grid.imagesLoaded doesn’t reliably lay out correctly
setTimeout(function(){
$grid.isotope({
itemSelector: ‘.fwpl-result’,
});
}, 250);
});

$(document).on(‘facetwp-loaded’, function() {
if (FWP.loaded) {
$grid = $(‘.fwpl-layout’);
$grid.isotope(‘destroy’);
$grid.isotope({
itemSelector: ‘.fwpl-result’,
});

//* Scroll to the button of the results on click of load more since we’re destroying the listing
if(fwpScrollToBtn === true){
var $loadMoreBtn = $(‘.facetwp-load-more’);
if($loadMoreBtn.length){
$([document.documentElement, document.body]).animate({
scrollTop:
$loadMoreBtn.offset().top // button scrolled distance from the top of the screen
– window.innerHeight // window height (to get it scrolled where the button is at the bottom of the screen vs top)
+ $loadMoreBtn.outerHeight() // height of the btn
+ 20 // padding from the bottom of the screen
}, 250);
}
}
}
});

$(document).on(‘click’, ‘.facetwp-load-more’, function () {
fwpScrollToBtn = true;
});
});
{{/gist}}