Dropdown Filter Examples

Clean, space-efficient, and familiar. Dropdowns provide single-selection filtering that works perfectly for both flat and hierarchical taxonomies. Explore examples showcasing hierarchy, custom placeholders, post counts, and smart ordering options.

Basic Dropdown

Description: The simplest dropdown configuration showing all terms in a flat list. Perfect for non-hierarchical taxonomies or when you want a clean, simple interface. If it’s a hierarchical taxonomy, when selecting a parent term, it will also show results for all children terms.

Settings: Dropdown, Order By “Name”, Order “Ascending”

Marine Life, Public Spaces

Climate Change Impact on Nature

October 8, 2025

Dropdown with Post Counts and Custom Styles

Description: A styled dropdown filter with a custom placeholder, showing post counts and empty terms. Terms are ordered by name in descending order, combining full taxonomy visibility with a clean, custom-designed appearance.

Settings: Dropdown, Custom Placeholder, Show Post Count, Count Type “Total (includes children)”, Show Empty Terms, Show Empty Terms Count, Order By “Name”, Order “Descending”, Custom Styles, Custom Icon

Sustainable Architecture

Computer Vision Applications

October 8, 2025

Typography

Color Theory for Designers

October 8, 2025

3D Visualization

Minimalist Product Aesthetics

October 8, 2025

Mammals, Smart Cities

Machine Learning Breakthroughs

October 8, 2025

Environmental Research

Urban Density Solutions

October 8, 2025

Marine Life

Typography in Modern Design

October 8, 2025

3D Visualization, Birds

Smart Building Technology

October 8, 2025

Modern Urban Concepts

October 8, 2025

Hierarchical Dropdown with Total Count

Description: Displays hierarchical taxonomy structure with visual indentation. Uses “Total” count mode to show comprehensive post counts including all child terms. Ensures displayed counts accurately match filter results for transparent, predictable filtering.

Settings: Dropdown, Custom Placeholder, Show Hierarchy, Hierarchy Depth “All Levels”, Show Post Count, Count Type “Total (includes children)”, Show Empty Terms, Show Empty Terms Count “False”, Order By “Name”, Order “Ascending”, Custom Styles, Custom Icon

UX/UI

Designing for Emotion

October 8, 2025

Design, Sustainable Architecture

Wildlife Conservation Efforts

October 8, 2025

Branding, NLP, Sustainable Architecture

Exploring Marine Life

October 8, 2025

Computer Vision, Wildlife

Mountain Ecosystems

October 8, 2025

AI in Everyday Life

October 8, 2025

Artificial Intelligence, Interior Design

Building Smarter Hardware

October 8, 2025

Artificial Intelligence

The Rise of Quantum Computing

October 8, 2025

Sustainable Architecture, Wildlife

Software Development Trends

October 8, 2025

Hierarchical Dropdown with Direct Count

Description: Displays parent-child relationships with visual indentation showing direct post counts (excludes children). Note: While the count shows only direct posts for each term, selecting a parent term filters all posts including its children, which may result in more posts than the displayed count indicates. This demonstrates WordPress’s standard counting behavior.

Settings: Dropdown, Custom Placeholder, Show Hierarchy, Hierarchy Depth “All Levels”, Show Post Count, Count Type “Direct (excludes children)”, Show Empty Terms, Show Empty Terms Count, Order By “Name”, Order “Ascending”, Custom Styles, Custom Icon

UX/UI

Designing for Emotion

October 8, 2025

Design, Sustainable Architecture

Wildlife Conservation Efforts

October 8, 2025

Branding, NLP, Sustainable Architecture

Exploring Marine Life

October 8, 2025

Computer Vision, Wildlife

Mountain Ecosystems

October 8, 2025

AI in Everyday Life

October 8, 2025

Artificial Intelligence, Interior Design

Building Smarter Hardware

October 8, 2025

Artificial Intelligence

The Rise of Quantum Computing

October 8, 2025

Sustainable Architecture, Wildlife

Software Development Trends

October 8, 2025

No Hierarchy Indentation Dropdown with Counts

Description: A styled dropdown filter with a custom placeholder and post counts, sorted in descending order by post count. Hierarchy indentation is disabled for a simplified, flat layout. Custom styles give the filter a polished, stylish appearance.

Settings: Dropdown, Custom Placeholder, Show Hierarchy “No”, Show Post Count, Count Type “Total (includes children)”, Order By “Count”, Order “Descending”, Custom Styles, Custom Icon

UX/UI

Designing for Emotion

October 8, 2025

Design, Sustainable Architecture

Wildlife Conservation Efforts

October 8, 2025

Branding, NLP, Sustainable Architecture

Exploring Marine Life

October 8, 2025

Computer Vision, Wildlife

Mountain Ecosystems

October 8, 2025

AI in Everyday Life

October 8, 2025

Artificial Intelligence, Interior Design

Building Smarter Hardware

October 8, 2025

Artificial Intelligence

The Rise of Quantum Computing

October 8, 2025

Sustainable Architecture, Wildlife

Software Development Trends

October 8, 2025

Ready to Enhance Your Filters?

Build filters that look and feel amazing. The Taxonomy Filter Plus widget gives you more UI field options and design freedom than ever. Starting at only $29 per Year!