Hierarchical step-by-steps

This option is available in the premium version of the plugin.

Hierarchical step by steps will link the hierarchical levels of same-taxonomy filters belonging to different presets into level-by-level selectors. This allows the creation of a system of dropdowns (or lists), with child levels getting displayed based on parent level selection.

To create a hierarchical step by step, follow these steps:

  1. Create separate annasta presets for each of the hierarchical levels of the filter’s underlying taxonomy. Add the needed filter to all these presets, each time setting the Hierarchical level option to the next value. Set the parent level filters’ Filter type to Single item selection.
  2. Enable the Set as hierarchical step-by-step level option in all the filters that belong to the step by step system.
  3. To prevent the upper hierarchical levels from getting submitted, set the presets that hold these levels to the AJAX with delegated submission Filtering style.
  4. Set the last level to the button-submitted or instant AJAX Filtering style.
  5. Using annasta Guttenberg blocks, widgets, shortcodes, or the Add elements section of the annasta Filters Product lists tab, place all the presets that belong to the hierarchical step by step system on the needed page, in the ascending order. The lower hierarchical sublevels will remain disabled until you select the parent options of the upper level.
    Note: the lower-level filters will get displayed if they are already activated (selected) at page load.

For example, if you wish to create a hierarchical step-by-step for the product categories and subcategories of your site, follow these steps:

  1. Create the parent level preset, set its Filtering style to AJAX with delegated submission and add only the products category filter to this preset. Set the filter’s Hierarchical level to 1 for it to display parent categories and enable the Set as hierarchical step-by-step level option. To avoid getting confusing results, also set the Filter type to Single item selection.
  2. Create the 2nd preset, set its Filtering style to AJAX with instant or button submission, and add the products category filter to it as well. Set the filter’s Hierarchical level to 2, for it to display subcategories. Enable the Set as hierarchical step-by-step level option and style as needed.
  3. Insert both presets, one after the other, into the needed element of your page.

Set as hierarchical step-by-step level

This option is available in the premium version of the plugin.

Set current filter as a level of hierarchical step-by-step. Select the needed level with the help of the Hierarchical level setting.

Hide preset submit button when hierarchical step-by-step is enabled

This option is available in the premium version of the plugin.

This option is deprecated as of version 1.7.0

Please set the upper-level presets to AJAX with delegated submission Filtering style to prevent their filters from getting auto-submitted.