1. The Filters widget helps visitors quickly find specific posts by narrowing down the displayed content based on certain criteria. It works like a search assistant for your blog, letting users choose from options like categories and tags. Drag and drop the Filters widget on the page
2. Select the Filters widget to edit the settings described in step 3 and further
3. If needed, specify an anchor in the Filters widget. An anchor is a link that allows users to jump directly to a specific section or filtered view of the content. For more information on anchors, please refer to this guide
The Filter Categories section shows the current taxonomies you have created for the blog. You can hide the taxonomies you don't need to be shown by clicking the eye icon
The search via the Filters widget on the website is done by selecting the existing categories and tags from the taxonomies that are assigned to a single or several blog posts
4. Specify the Filters layout. It can be vertical or horizontal
5. Specify the appearance type for the Filters widget. The following options are available: dropdown, accordion, always open
Dropdown - This saves space on the page by hiding the filter options until they are clicked.
Accordion - allows multiple filters to expand or collapse individually.
Always Open -displays all filter options upfront without requiring user interaction to expand.
6. Specify the spacing between the elements. The following options are available: 0, small, medium, large
Additionally, if you have selected a horizontal layout for the Filters widget, you can configure the alignment of the filter items
7. Click the toggle button to show the label. If needed, rename the label to something else
8. If needed, change the position of the label. It can be positioned left or right
9. If you have selected the vertical layout for the Filters widget, besides position, you can also configure the alignment of the label. Click device icons to set the alignment of the label on each screen resolution
10. Click the pencil icon to change the label icon. If you need to delete it, click the bin icon. Additionally, you can show or hide the icon with the respective toggle button and set the position of the icon to be left or right
11. Click the pencil icon to change the toggle icon for filter items. If you need to delete it, click the bin icon. Additionally, click the device icons to set the alignment of the toggle icon on each screen resolution.
12. If you have set the layout of the Filters widget to horizontal, you can also specify how much width the filter items should have. This will determine if they will be in one line or if they will be in two lines taking most of the space
13. Specify the layout for the buttons in the Filters widget. The following options are available: Inherited, Vertical, Horizontal
Inherited - adopts the layout you have set for the Filters widget.
You can also specify the spacing between the elements. The following options are available: 0, small, medium, large.
Lastly, if you need to, you can click device icons to set the alignment of the buttons on each screen resolution.
14. If needed, you can rename the "Apply" and "Reset" buttons in the corresponding fields
The rest of the features here - Spacing, Visible On, and Animation are common features in most widgets in the website builder. Please refer to this guide for more information on these features.
15. Switch to the Design tab
16. Select a Preset for the Filters widget and checkboxes from the dropdown. Presets are predefined designs that allow users to quickly apply a specific style or layout to a widget. You can customize the preset style in the Design section
17. You can also select presets for the buttons and specify button sizes (small, medium, or large)
18. Click "Save" to confirm the changes.
