Apresentação de Produtos

Layout
3

veja se isso ajuda

Incluir html, Todas as paginas, Rodapé, Tipo JavaScript

$(function(){

	var gridSize = (window.innerWidth < 600) ? 2 :
				   (window.innerWidth < 900) ? 3 : 4;
	$(".listagem-linha.flexslider").each(function(e,t){
		$(t).flexslider().data('flexslider').vars.maxItems = gridSize;
		$(t).flexslider().data('flexslider').vars.minItems = gridSize;
		$(t).flexslider().data('flexslider').setup("init");
		$(t).flexslider().data('flexslider').update();
		$(t).flexslider().resize();
	});

	$(window).resize(function(){
		var gridSize = (window.innerWidth < 600) ? 2 :
					   (window.innerWidth < 900) ? 3 : 4;
		if (gridSize != $(".listagem-linha.flexslider").flexslider().data('flexslider').vars.maxItems){
			$(".listagem-linha.flexslider").each(function(e,t){
				$(t).flexslider().data('flexslider').vars.maxItems = gridSize;
				$(t).flexslider().data('flexslider').vars.minItems = gridSize;
				$(t).flexslider().data('flexslider').setup("init");
				$(t).flexslider().data('flexslider').update();
				$(t).flexslider().resize();
			});
		}
	});

});
1 curtida