Would you like to give shoppers a fast, good-looking way to narrow down your catalog? The Product Filters module in Botiga Pro adds advanced filtering with a clean design, so customers can filter by attribute, price, reviews, stock status, and more.
In this guide, we’ll walk you through how to set up the Product Filters module in Botiga.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The Product Filters module is a Botiga Pro feature, so this requires Botiga Pro.
1. Activate the module
First, make sure the module is enabled under Botiga » Theme Dashboard.
Once the module is active, open its settings.
2. The module settings overview
The Product Filters settings page is divided into four sections:
- Filter Presets: Where presets are created and defined.
- General: Options that apply to all filters.
- Customization: Options to customize certain filter types.
- SEO: SEO options specific to term filtering.
3. Set up the filter presets (required)
Presets are the core of the module and are required for it to work. To create one, click the + Add new preset button.
Add the preset name and some filters.
The available filter settings are:
- Filter Name: The name shown on the frontend.
- Filter For: Controls what to filter by (taxonomy, order by, price slider, reviews, or in stock, on sale, and featured).
- Taxonomy: Selects the attribute whose terms you want to filter.
- Auto Populate Terms: Chooses whether to populate the terms automatically.
- Filter Type: The type of filter shown on the frontend (checkbox, select, text, label, or color swatches).
- Display as Accordion: Shows the filter in an accordion or toggle style.
- Show Hierarchy: Controls whether the term hierarchy is shown.
- Display Count of Products: Shows how many products are available for each term.
- Multiple Selection: Allows multiple terms to be selected.
- Multiple Selection Relation: Sets the relation between multiple selections.
- Adaptive Filtering: Hides terms during filtering when no products match.
- Terms Loading Type: Controls how the terms are loaded.
Important: some of these fields are dynamic. For example, if you set Filter For to Order By, the fields shown for Taxonomy won’t appear, and vice versa.
4. Add the block widget to display the preset (required)
To display the filters on the frontend, add the Botiga Product Filters Preset block widget under Appearance » Widgets. On that page, select the sidebar where you want the widget and add it.
In the block widget settings, select the preset you created earlier.
5. Make sure Botiga displays that sidebar (required)
In step 4 you added the widget to a sidebar. If your site already shows that sidebar, you can skip this step. If it doesn’t, enable it under Appearance » Customize » WooCommerce » Product Catalog » Layout » Sidebar Layout.
6. Set the general settings (optional)
The general settings control overall behavior and apply to all filters and presets.
- Hide empty terms: Hides terms that have no products.
- Display “Clear” on each filter: Shows a clear button above each filter in the preset.
- Display active filters: Shows the current selection and lets shoppers remove any active filter.
- Active filters position: Sets where the active filters appear.
- Scroll to top on filter: Scrolls to the top of the page when a filter is selected.
7. Customization (optional)
These settings control the design and style of certain filter types.
- Color swatch size: Controls the size of the color swatches.
- Color swatch style: Controls the style of the color swatches.
8. SEO (optional)
This section adds extra SEO options related to term filtering.
- Enable SEO options: Adds a robots meta tag to the page head when filters are active.
- Meta tag: Sets which tag to use on filtered pages.
- Add “nofollow” to filter anchors: Adds
rel="nofollow"to the filter links.
Frequently asked questions
Below, we’ve answered some of the most common questions about the Botiga Product Filters module.
My filters aren’t showing on the shop page. What did I miss?
Confirm all three required steps are done: you created a preset, added the Botiga Product Filters Preset widget to a sidebar and selected that preset, and Botiga is set to display that sidebar on the catalog.
Can shoppers select more than one term at once?
Yes. Turn on Multiple Selection for the filter and set the Multiple Selection Relation to define how the selected terms combine.
How do I keep filtered pages from hurting my SEO?
Use the SEO section. Enable the SEO options to add a robots meta tag on filtered pages, and add nofollow to the filter anchors so search engines don’t crawl every filter combination.
That’s it! You’ve successfully set up the Product Filters module in Botiga.
Next, would you like to refine your catalog layout? Check out our guide on the product catalog layout and elements to learn more.
