js
// ---- Update Display When Attribute Machine Fires ---- //
MivaEvents.SubscribeToEvent('variant_changed', function () {
updateThumbs();
});function updateThumbs() {
$('#js-thumbnails').unslick();
$('#js-thumbnails').html('');
var theInterval = setInterval(function () {
if ($('#js-thumbnails').length > 0) {
clearInterval(theInterval);
//Re-intialize Slick
$('#js-thumbnails').slick({
draggable: false,
slidesToScroll: 4,
slidesToShow: 4,
responsive: [
{
breakpoint: 1040,
settings: {
slidesToScroll: 3,
slidesToShow: 3
}
},
{
breakpoint: 608,
settings: {
slidesToScroll: 2,
slidesToShow: 2
}
}
]
});
}
}, 250);
}