By default, the plugin is configured to work on most sites. You can configure the plugin as you need. For this, go to WCAPF > Settings menu and change the settings as you need.
|Filter Relationships||The relationship between filters. AND – products shown will match all filters, OR – products shown will match any filters.|
|Dynamic Product Count||Whether to update the product count number according to the applied filters.|
|Options with zero products||Determines what we do with the options with zero products. Available options are Always Show, Never Show.|
|Hide empty filters||Whether to hide the filters that don’t have any options.|
|Disable Ajax||Enable this if you want to disable filtering via Ajax.|
Hide Empty Filters
To hide the empty filters enable “Dynamic Product Count”, set the “Options with zero products” to “Never Show” and enable “Hide empty filters”.
These settings will also hide the filters with display types “Range – Slider” and “Range – Number” if the min and max value is equal. Note: For the number range filter, the min and max value gets updated according to the applied filters if “Auto-detect min and max” is enabled in filter settings.
|Active Filters on top of products||Enable this to show the active filters on top of the products loop, only works in the standard shop loop.|
|Pagination via Ajax||Whether to enable Ajax to paginate the products. Only applicable when filtering via Ajax.|
|Product sorting via Ajax||Whether to enable Ajax for the default product sorting dropdown. Only applicable when filtering via Ajax.|
|Sorting data in Active Filters||Enable this if you want to show the sort-by data that comes from the default product sorting dropdown in active filters.|
|Use term slug||Whether to use term slug instead of id as the option value.|
|Child terms only||Whether to show only the child terms when viewing a term archive page.|
|Vendor support||Enable this to show the store name as the option label in the post-author filter.|
|Primary Color||Set a primary color according to your theme. Default is #1C5DA1.|
|Stylish checkbox & radio buttons||Enable this if you want stylish checkbox and radio buttons instead of native design.|
|Enable ComboBox||Turns the native select element into a custom select box with improved design and behavior.|
|Improve native select element||Uncheck this if your theme already implements the design for the native select element.|
|ComboBox for sorting dropdown||Attach ComboBox for the default sorting dropdown instead of the native select element.|
|Improve scrollbar||Enable this to improve the scrollbar that appears when max height is applied to a filter.|
|Improve input type text/number||Enable this if you want to use styles from your theme for input type text/number.|
|Hierarchy toggle at the end||Uncheck this to show the hierarchy toggle just after the item label instead of at the end of the item.|
|Number range slider style||Select the number range slider style from the available ones.|
|Star Icon Color||Set the star icon color for the rating filter(not applicable for display type: select, multiselect). Default is #FDA256.|
|FontAwesome for star icons||Enable this if your site loads the FontAwesome icons.|
|Remove focus style||Enable this to remove the focus style from input(text) and dropdown elements.|
Loader & Scroll To
|Loading Animation||Whether to show an animation while the results are fetching.|
|Loading Icon||Select the loading icon from the available icons.|
|Custom loading icon||Upload the loading icon. Note: If the SVG icon does not animate, try to upload by disabling sanitization.|
|Icon Size||Adjust the loading icon size in px. Default is 60.|
|Overlay Color||Adjust the loading overlay color. Default is #FFFFFFCC. Note: There is an alpha channel to control the transparency or opacity of the color.|
|Wait Cursor||Enable this to show a wait cursor while the results are fetching.|
|Scroll window to||Determines the scroll behavior.|
|Scroll for||Determines the devices on which we scroll the window. Desktop, Mobile, or Both.|
|Scroll when||Determines when to scroll. After updating the results or Immediately.|
|Custom element identifier||Give a valid id/class of the HTML element you want to scroll to.|
|Scroll on||Specify the event for which you want to scroll the window. Available options are All, Filter, and Paginate.|
|Scroll to top offset||If you have a sticky header or some space that you want to include in the viewport then give the height of those in px.|
|Disable scroll window animation||Check this to disable the scroll window animation.|
Here you can edit the filter keys globally and change the order of those in the URL.
In the PRO version, you can change the order of filter keys.
Here you can change the phrases shown in the front end.
|Keyword filter placeholder||Applicable for the input field of the keyword filter.|
Default is “Search products”
|Keyword filter prefix||This prefix will be used in the active filters, before the keyword.|
Default is “Keyword:”. For a value “shirt”, it becomes “Keyword: shirt” in the active filters.
|Search field placeholder||Applicable when the search box is enabled in the list view. This will be overridden by the placeholder value of the filter itself.|
Default is “Search”
|No results text||Applicable when the search box is enabled in the list view and combobox enabled in the dropdown view.|
Default is “No results for:”. For a keyword, “purple” the text will be “No results for: purple“
|No options text||Applicable when combobox is enabled in the dropdown(multiselect) view and all options have been chosen.|
Default is “No options to choose”
|Empty filter text||Applicable when there are no options to filter by or the filter is empty.|
Default is “N/A”
|Show more button label||Default is “+ Show more”|
|Show less button label||Default is “− Show less”|
|Clear button label||Default is “clear”|
|Clear All button label||Default is “Clear All”|
|Reset button label||Default is “Reset”|
|Results count markup||Default: Found %d product|Found %d products|
Here two markups are separated by the pipe(|) character. The first markup is for the singular result and the second one is for the plural result. %d will be replaced with product count.
|Sort by prefix||This prefix will be used in the active filters, before the sort by value.|
Default is “Sort by:”. For a value “Title”, it becomes “Sort by: Title” in the active filters.
|Per page prefix||This prefix will be used in the active filters, before the per page value.|
Default is “Per page:”. For a value of “15”, it becomes “Per page: 15” in the active filters.
|Input Delay||Specify the delay (in milliseconds) before triggering the filter action when the user interacts with the input fields. Default is 300.|
|Pagination container||The css class of the pagination element, supports multiple classes separated by commas. In most cases, you don’t need to change this. Applicable when filtering via Ajax. Default is “.woocommerce-pagination”.|
|Additional Selectors||If you want to update additional elements give the CSS classes separated by commas. Applicable when filtering via Ajax.|
|Author Roles||Users having any of these roles will be available on the Available Options modal of the post-author filter.|
|Form multiple locations||Enable this if you want to reuse a form in multiple locations.|
|Debug Mode||This will help you to configure the plugin correctly.|
|Disable WCAPF||Check this to disable WC Ajax Product Filter in the front end for testing purposes.|
|Send anonymous data||Enable this if you agree to send anonymous data to the developer to make the plugin better.|
|Remove Data||Enable this to remove all data when uninstalling WC Ajax Product Filter via the Plugins page.|