enabled: true,// if set to false, no filter buttons on mobiles will be showed triggerButtonName: 'Filter', // trigger button text keepDropdownsOpen: null, // if false it overrides desktop settings, if true - dropdowns opened closeOnSelect: false, // mobile panel closed just after user selected something closeOnSearch: false, // mobile panel closed if user searced something in searc field closeOnOutsideClick: false // if true, mobile panel will be closed if user clicks outside it }, /*----Filters Section----*/ filter: { // here you define all filters you need and name them category: false, // disabling default Category dropdown tag: false, // disabling default Tag dropdown items: [{ name: 'Category', // give the dropdown (fiter entity) name you want multiple: true, // if true, allow to select multiple options logic: 'and', // how to combine dropdown options with other dropdowns logic. Other value is or multipleLogic: 'or',// combine each selected option with OR or AND logic within one dropdown closedSubOptions: false, // works for Products 7.1 subcategories onl sort: 'asc', // may be asc, desc, asAllowed (need define options list in allowedOptions), or your own custom function getAttr: 'categories'// here you say Filter to look for options in items categories }, { name: "Tags", multiple: true, getAttr: "tags" }, { name: "Availability", multiple: false, getAttr: function(el, data){ if(el.hasClass('sold-out')||el.one('.product-mark.sold-out')){ return 'Sold Out'; } else { return 'Available'; } } } ] }, sort: {// define the sorters enabled: true,// if false - no sorters visible/working //defined: 'date_desc',// select which of defined sorters will work initially items: [{ name: 'Alphabetical', order: 'asc|desc', orderTexts: 'A-Z|Z-A', hideName: true, sort: 'title'//.ProductList-title },{ name: 'Stock', order: 'asc|desc', orderTexts: 'Low Stock|High Stock', hideName: true, sort: '[data-in-stock] parseInt' },{ name: 'Price',// name your sorter order: 'asc|desc',// define orders hideName: true,// hide the Price name orderTexts: '$-$$$|$$$-$'// define orders naming /* If sorter named as Price, you do not need define sort selectors or function: it will work the same like you defined: sort: '[data-price] parseInt' */ }] }, search: { enabled: true,// if false, no Search input will be showed text: 'Search', //set the placeholder to your search field, otherwise Search will be used } } }] };
Cart (0)