Fast start
↑ Back to topShort demo of plugin settings:
↑ Back to topSEO settings:
↑ Back to topYou have installed Avalon23 on your website. After activating the plugin, you will see a menu for accessing the main settings:
On the settings page you can add a filter:
Each filter has its own shortcode that can be inserted into the content to display the filter, or you can use a widget. You can also add a title to quickly find the filter (this title is not displayed at the front).
To add elements to the filter, for example, filter by price, by category, etc., click on the “gear” icon:
Now you can add standard filters, filters by taxonomy or metafields
Filters can be activated or deactivated to hide or show them at the front. You can read more about the settings here
Note: if you do not see the options fields (like on the demo site) “color”, “size”, “location”, etc. are taxonomies. Just create an attribute with this name.
Now you can show these filters using a widget or shortcode
When you see the first result, you can go to the main setting of this filter:

In this tab, you can configure the filter so that it performs a search on the first click (autosubmit) on the filter element:
Or you can make a filtration in Ajax mode:
( Ajax mode may work incorrectly for some non-standard themes )
Or you can hide filters that give zero products in the current search query:
Filter types
↑ Back to topShortcodes
↑ Back to top- id: main(required ) attribute, means created on the backend filter ID.
- filter_html_id: Example: ‘my_great_filter’ – for CSS purposes or programming ones
- skin : Example skin=’skin-5′
- toggle_filter : Possible values: none – Don’t hide the filter at all , hide – close by default, show – open by default, hide_mobile – close for mobile devices. Example: toggle_filter=’show’

[avalon23_button]
This shortcode displays button, on click filter in popup appears. Attributes:- id: main(required ) attribute, means created on the backend filter ID.
- filter_html_id: Example: ‘my_great_filter’ – for CSS purposes or programming ones
- title: text of the link
- popup_title: text on the popup header
- class: CSS class of the link, you can set button class of the current wordpress theme
Widget
↑ Back to top- Title: Widget title
- Select filter: Select the generated shortcode to display the filter
- Show on different devices: Show/Hide widget for mobile devices
Vocabulary



Hooks
↑ Back to topFAQs
↑ Back to topAfter changing filter settings or adding new attributes, changes are not updated on the front end. What to do?
↑ Back to top
Slow search. How can you optimize the filter?
↑ Back to top

Incorrect sorting of attributes in the slider or any taxonomy filter. How to sort taxonomy terms?
↑ Back to top
More info
↑ Back to topRead more about these settings here.