Responsive theme refresh

I might be missing something, but is it possible to have the Ajax Filter results be parsed into the responsive aspect of the page? For example, on the page below, when you scroll down for the infinite piece (or filter), the results don't resize like they should using the responsive theme.

https://www.propellerdepot.com/acme-marine-3-blade-props

Is there a setting I can put in to force this action to happen? This is using a new Template page based off the ones already in the themes.

Hi, 

I see you are using a footable to modify your item boxes. Of course it works only for the existing boxes on the page. So after filtration you need to call the footable to the newly added item boxes.

So, hook on the ajax filters filtration completed event like this:

$(document).on('nopAjaxFiltersFiltrationCompleteEvent', function(){ /* Enter your code here */ });

and inside the function call the logic for applying footable to your item boxes.

I hope this will help you !

Great, that worked. However, I am required to use item-box as a class to get the infinite scroll to work, and that messes with all the responsive aspects style wise. 

Is there a way to specify a different class for this, instead of using item-box. I remove that and it all works great except the scrolling piece.

Hi, 

As I am looking at your site, I think you have found the answer - there are not any problems to modify the item-box class.

Keep up the good work !

Yes, I was able to get it working. However, in order to have it so I could still use the template pages, I had to modify the minified version of the Filter.js file to include a new class that is looked for in addition to the item-box class.

I think it would be great to have it wrapped as a variable so upgrades to the plugin won't break the site now.

Thanks!

Hi, 

Yes, we were thinking of implementing a setting for this too. We are glad that you have managed to modify the JS.

Thanks for your suggestion !