I have a problem with featured products and new products –slides. (see .png)
In back office i changed the size in pref ---> images
And uploaded the images in this size.
i need 5-6 products visible in original stadium...without resizing the browser window
i got the following explanation but i dont get it. i did not find the cited .js and dont get the code. i need a more extensive discours with this problem.
thank you!
in pluginadder/plugin.js
var flexmin = 1;
var flexmax = 5;
$(document).ready(function(){
if($('#center_column').width()<=280){flexmin = 1; flexmax = 1;}
else if($('#center_column').width()<=440){flexmin = 2; flexmax = 2;}
else if($('#center_column').width()<980){ flexmin = 3; flexmax = 3;}
else if($('#center_column').width()>=1240){ flexmin = 1; flexmax = 5; }
else if($('#center_column').width()>=980){ flexmin = 1; flexmax = 4; }
});
You have to calculate how many product you can put in line for each resolution
To calculate it you need you take a width of #center_column-40, then result you have to divide by your image witd, but remember about product margins
Then you have to do the same for js files from modules folders where you have this code
$(window).resize(function() {
try {
$('#featured_products_slider').flexslider(0);
if($('#center_column').width()<=280){ $('#featured_products_slider').data('flexslider').setOpts({minItems: 1, maxItems: 1});
}
else if($('#center_column').width()<=440){ $('#featured_products_slider').data('flexslider').setOpts({minItems: 2, maxItems: 2});}
else if($('#center_column').width()<980){ $('#featured_products_slider').data('flexslider').setOpts({minItems: 3, maxItems: 3});}
else if($('#center_column').width()>=1240){ $('#featured_products_slider').data('flexslider').setOpts({minItems: 1, maxItems: 5});}
else if($('#center_column').width()>=990){ $('#featured_products_slider').data('flexslider').setOpts({minItems: 1, maxItems: 4});}