How to customize the filter’s mobile behavior

Each filter has settings for behavior on a mobile device:   The main setting is Min client width(Mobile behavior).  Just enter the size of the screen width so that the filter starts applying the mobile behavior(if the device screen width is smaller). For the basic work of this feature, only this setting is enough:   […]

How to work with ACF fields

This plugin will automatically add ACF fields if they are of type: Text, Text Area, Number, Range, Select, Radio Button, Button Group, True/False, Date Time Picker. In the filter settings, it will look like Field name and (in brackets)  “ACF:” + the name of the field group: Each of these fields can have several filter […]

How to increase the filter image

You  can  add  CSS Result: you can add  this CSS in filter settings->Custom CSS   OR  Appearance->Customize->Custom CSS If you need to change the proportions of the image  please read it  

How can I optimize the filter?

Dynamic recalculation takes the most resources, especially if you have a lot of taxonomies.  the reason is that to get each counter, the filter makes a search query to the database and as a result, even for small filters, the number of requests can reach thousands.  But you can optimize it: You can turn off […]

How to add filter navigation in page

You can insert a filter navigation almost anywhere on the page. There is a special field for this. In this field you need to insert a container selector to find the selector you can use the browser console F12 For example add filter navigation after the title: Check  in  the browser  console a  selector  and  […]

How to create custom skins

Avalon23 allows to create skins and apply them on any filters. Default skins are in: skins/skin-1.css, skins/skin-2.css, …, skins/skin12.css To add your own skin into the system create folder ‘avalon23-skins‘ in the folder of the current wordpress theme, create file there, for example ‘my-custom1‘ and write there CSS code using the code below as an […]