How to set up and style the Filter Dropdown widget in Elementor.
Filter Dropdown lists the terms of a taxonomy in a dropdown. Picking one shows only its posts or products in the connected loop widget, without reloading the page.
Part of: Bright Addons Pro. Before you start: A Loop Grid or Loop Carousel with a Query ID on the same page (Bright Addons Pro).
| Option | What it does |
|---|---|
| Connect to Query ID | The Query ID of the Loop Grid or Loop Carousel this filter controls. |
| Title | Optional heading above the filter, with Title HTML Tag. |
| Filter By | The taxonomy whose terms are shown, for example Categories, Tags or Product categories. |
| Order of the Terms | Name, Most posts first or Custom order. |
| Most Terms | How many terms are shown, 0 shows them all. |
| Only These Terms (IDs) | Optional list of term IDs to show. |
| Only Top Level Terms | Hides child terms. |
| Hide Empty Terms | Hides terms without posts. |
| Show Post Counts | Shows how many posts each term has. |
| "All" Text | Text of the choice that shows everything. |
| Indent Child Terms | Shows child terms under their parents with a dash. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $10 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
typography, color and spacing of the heading.
accent color, space between items, text typography and colors, background, border, radius and padding, with hover and active colors.
No. The connected loop widget loads the new results in place, and the other filters update to match.
Yes. Type their IDs in Only These Terms (IDs).
No. Archives built on the current query use normal page links. Choose a source such as Posts or Products in the loop widget to filter it.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guideYearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.