To provide control over the pages of your site that will display your filters, the Display on section holds the list of pages associated with each filters preset. This will allow you to place the preset into a universal section of your site (a sidebar, or a header), but still control that it displays only on the pages that you need (shop pages, pages with WooCommerce product shortcodes etc), but not during the Checkout, or on a User Account page.
The premium version users can utilize this section to create multiple presets with distinct filter sets for separate product categories / tags / brands, or to associate different presets with particular archive pages (for example, to create different sets of filters for the Categories and Brands taxonomy archives).
Adjust the list to meet the needs of your shop by adding or removing the pages on which you wish to display the set of filters associated with the current preset. Set to “All pages” if you do not need the fine-tuning of your preset display.
Setting up the display pages
To set up your preset to display on a particular archive page, for example, on the Smartphones category page (with the URL of type www.yoursite.com/product-category/smartphones), follow the steps below:
- Search the Display on select box for the item starting with the corresponding taxonomy name and ending in “taxonomy archive pages”. In case of the Smartphone product category example it should be something like “Product category taxonomy archive pages”.
- In the second dropdown that will appear, search for the “Smartphones archive pages”. If you wish to display the preset on all the product category archive pages, select “All” in this step.
- Push the Add page association (+) button.
In the same manner you can set up your preset to display on filtered shop pages, by adding the “Shop pages with enabled … filters” types of associations.
You can disable parent-level presets display on sub-level (child) pages in annasta Filters > Plugin settings > Display parent presets on child pages.
Setting up presets for different categories / brands / tags
To create distinct filter sets for different categories, tags, attributes, or any custom taxonomy term that has the enabled archive pages, first add new preset for each filter set. Set up the Display on section of each preset by adding the needed pages:
If you use one of the AJAX filtering styles and have the filter associated with the same taxonomy (for example, the product categories filter) present in the preset, make sure that it is set to the single item selection type and enable its Force page reloads and Reset other filters options.
The Force page reloads and Reset other filters settings need to get enabled in AJAX mode because presets do not get automatically replaced during AJAX reloads. To ensure that relevant presets are always displayed on their respective category pages, you need to ensure that the page reloads each time you change the term (category). You can also achieve this with the help of a top menu with links to each category, or by using the WooCommerce Product Categories widget in any area of your page.
When the presets are saved and ready to use, they all need to be placed into the relevant sidebar, header, or other area. This can be done via the Guttenberg or any 3d party editor or builder. Here is the example of presets placement into the WooCommerce sidebar of Astra theme on the Appearance > Widgets screen of WP admin:
