PNG %k25u25%fgd5n!
jQuery( document ).ready(function($) {
var $window = $(window),
flexslider = { vars:{} };
// tiny helper function to add breakpoints
function getGridSize() {
return (window.innerWidth < 360) ? 1 :
(window.innerWidth < 480) ? 2 :
(window.innerWidth < 768) ? 3 :
(window.innerWidth < 1024) ? 4 : 6;
}
function getGridslideSize() {
return (window.innerWidth < 480) ? 1 :
(window.innerWidth < 768) ? 2 :
(window.innerWidth < 769) ? 3 :
(window.innerWidth < 1024) ? 4 : 5;
}
function getGridslideSize4() {
return (window.innerWidth < 480) ? 1 :
(window.innerWidth < 768) ? 2 :
(window.innerWidth < 1024) ? 3 : 4;
}
function getGridslideSize6() {
return (window.innerWidth < 480) ? 1 :
(window.innerWidth < 768) ? 2 :
(window.innerWidth < 769) ? 3 :
(window.innerWidth < 1024) ? 4 :
(window.innerWidth < 1300) ? 5 : 6;
}
$('.layer-slider').flexslider({
animation: shoppingcart_slider_value.shoppingcart_animation_effect,
animationLoop: true,
slideshow: true,
slideshowSpeed: shoppingcart_slider_value.shoppingcart_slideshowSpeed,
animationSpeed: shoppingcart_slider_value.shoppingcart_animationSpeed,
smoothHeight: true
});
$('#secondary .product-slider, #secondary .product-slider-four, #secondary .product-slider-six, #colophon .product-slider, #colophon .product-slider-four, #colophon .product-slider-six, .shoppingcart-template-footer-column .product-slider, .shoppingcart-template-footer-column .product-slider-four, .shoppingcart-template-footer-column .product-slider-six').flexslider({
animation: "slide",
animationLoop: true,
slideshow: true,
controlNav: false,
smoothHeight: false,
slideshowSpeed: 3000,
animationSpeed: 700
});
$('.product-slider').flexslider({
animation: "slide",
animationLoop: true,
slideshow: false,
controlNav: false,
smoothHeight: false,
slideshowSpeed: 3000,
animationSpeed: 700,
itemWidth: 200,
itemMargin: 20,
move: 1,
minItems: getGridslideSize(), // use function to pull in initial value
maxItems: getGridslideSize() // use function to pull in initial value
});
$('.product-slider-four').flexslider({
animation: "slide",
animationLoop: true,
slideshow: false,
controlNav: false,
smoothHeight: false,
slideshowSpeed: 3000,
animationSpeed: 700,
itemWidth: 200,
itemMargin: 20,
move: 1,
minItems: getGridslideSize4(), // use function to pull in initial value
maxItems: getGridslideSize4() // use function to pull in initial value
});
$('.product-slider-six').flexslider({
animation: "slide",
animationLoop: true,
slideshow: false,
controlNav: false,
smoothHeight: false,
slideshowSpeed: 3000,
animationSpeed: 700,
itemWidth: 200,
itemMargin: 20,
move: 1,
minItems: getGridslideSize6(), // use function to pull in initial value
maxItems: getGridslideSize6() // use function to pull in initial value
});
$('.brand-slider').flexslider({
animation: "slide",
animationLoop: true,
slideshow: true,
controlNav: false,
smoothHeight: false,
slideshowSpeed: 3000,
animationSpeed: 700,
itemWidth: 200,
itemMargin: 15,
move: 1,
minItems: getGridSize(), // use function to pull in initial value
maxItems: getGridSize() // use function to pull in initial value
});
$window.resize(function() {
var gridSize = getGridSize();
var gridSize = getGridslideSize();
flexslider.vars.minItems = gridSize;
flexslider.vars.maxItems = gridSize;
});
});