JavaScript Functions | Filters Add-on | Docs

The following JavaScript functions are available when using the Filters add-on:

The almfilters.start(target) function will initiate an Ajax Load More filter instance.

1 2	// custom.js almfilters.start('categories');

Note: start() is useful if filters have been loaded via Ajax or another non server-side render method.

The almfilters.reset() function will clear and reset an entire Ajax Load More filter instance.

// custom.js

let clearBtn = document.getElementById('clear-filters');

clearBtn.addEventListener('click', function(e){

almfilters.reset();

});

The almfilters.resetFilter() function will clear and reset a specific filter group.

// custom.js

window.almFiltersChange = function(){

var filter = document.querySelector('.alm-filter[data-key=search]');

almfilters.resetFilter(filter);

}

Note: resetFilter is useful if you want to clear a specific filter while performing a specific task.