Sha256: 407beae6c26aee6ff1ba7aa270dd641894269d17a51772f5a503ddf0f9f63ea6
Contents?: true
Size: 1.23 KB
Versions: 32
Compression:
Stored size: 1.23 KB
Contents
//= require spree/frontend/viewport
Spree.fetchProductCarousel = function (taxonId, htmlContainer) {
return $.ajax({
url: Spree.routes.product_carousel(taxonId)
}).done(function (data) {
htmlContainer.html(data);
htmlContainer.find('.carousel').carouselBootstrap4()
})
}
Spree.loadCarousel = function (element, div) {
var container = $(element)
var productCarousel = $(div)
var carouselLoaded = productCarousel.attr('data-product-carousel-loaded')
if (container.length && !carouselLoaded && container.isInViewport()) {
var taxonId = productCarousel.attr('data-product-carousel-taxon-id')
productCarousel.attr('data-product-carousel-loaded', 'true')
Spree.fetchProductCarousel(taxonId, container)
}
}
Spree.loadsCarouselElements = function () {
$('div[data-product-carousel]').each(function (_index, element) { Spree.loadCarousel(element, this) })
}
document.addEventListener('turbolinks:load', function () {
var homePage = $('body#home')
if (homePage.length) {
// load Carousels straight away if they are in the viewport
Spree.loadsCarouselElements()
// load additional Carousels when scrolling down
$(window).on('resize scroll', function () {
Spree.loadsCarouselElements()
})
}
})
Version data entries
32 entries across 32 versions & 1 rubygems