Taxonomy Listing displays the terms of any taxonomy, from post categories to WooCommerce product categories and your own custom taxonomies. Each term becomes a tile with its name, count and image, linked to its archive. Choose a grid or a carousel, or design the tile yourself with a Global Block.
A category grid with images, a blog topic list, a row of topic pills and a carousel, all built with Taxonomy Listing from this site's real categories. Click any tile to open its archive, and hover over the carousel to pause it.
Product categories with their WooCommerce thumbnails. Layout: Grid, 3 columns, Image Source: WooCommerce Thumbnail, content at the bottom left and an overlay that turns purple on hover.
Post categories in a 1-column grid with short 64px tiles, a light background and the content at the centre left. Sorted by post count, largest first.
Four categories chosen with Include Terms (IDs) and Order By: Include Order, so they appear in the order typed. Hide Count is on and the tiles are 50px pills.
The same element with the same taxonomy as the list on the left. Only the query and tile settings differ.
Layout: Carousel with 2 slides showing, arrows, dots, loop and autoplay every 4 seconds. Hover over it to pause, or use the arrows and dots.
Pick the taxonomy and the element does the rest.
Drop Taxonomy Listing onto your page or template.
Select the taxonomy from the list, then filter, sort and limit the terms.
Pick grid or carousel, choose the image source and style the tiles, or use a Global Block.
A flexible way to show categories, tags and custom taxonomies.
Works with post categories, tags, WooCommerce product categories and custom taxonomies.
Hide empty terms, show top-level terms only, show the children of a parent, or include and exclude terms by slug or ID.
List only the terms attached to the post being viewed, or to the current loop item.
Order by name, count, slug, ID, menu order or the order you typed in Include Terms.
Show images from the WooCommerce category thumbnail, an ACF field or term meta.
Show a responsive grid, or a carousel with arrows, dots, autoplay and loop.
Design your own tile as a Global Block and use the Taxonomy Term dynamic data inside it.
Only show terms with a chosen term meta value, such as a featured flag.
Set tile height, background, overlay, borders, radius, padding and nine content positions.
Anywhere visitors need to browse by category.
Show product categories with thumbnails on your shop home page.
List post categories so readers can jump to the subjects they like.
Show locations, services or amenities from a custom taxonomy.
Show the children of a parent category on its archive page.
List the terms attached to the current post, such as a property's features.
Filter terms by term meta to show a hand-picked set in a carousel.
This is the full list of settings in the Breakdance editor, with their default values.
| Control | What it does | Default |
|---|---|---|
| Query | ||
| Taxonomy | The taxonomy to list, chosen from your registered taxonomies. | Category |
| Terms To Show | All Terms, or only the current post's terms. | All Terms |
| Number to Show | Maximum number of terms to show. | — |
| Hide Empty | Hide terms with no posts. | Off |
| Top-level Only | Hide child terms. | Off |
| Parent Term | Slug of a parent term, to show its children. | — |
| Include / Exclude Terms | Comma-separated slugs or IDs to include or leave out. | — |
| Filter by Term Meta Key / Meta Value | Only show terms whose term meta matches a value. | — |
| Order By | Name, Count, Slug, ID, Menu Order or Include Order. | Name |
| Order | Ascending or descending. | Ascending |
| Display | ||
| Layout | Grid or Carousel. | Grid |
| Tile Mode | Default tiles or a Global Block. | Default |
| Global Block | The Global Block used for each tile in Global Block mode. | — |
| Hide Count / Show Description | Hide the post count, or show the term description. | — |
| Count Label | Label for the count, e.g. item / items. | — |
| Image Source | None, ACF Field, Term Meta or WooCommerce Thumbnail. | — |
| Image Field Name | ACF field name or meta key for the image. | — |
| Link To | Archive Page, Custom URL Meta or None. | — |
| URL Meta Key | Meta key holding the custom URL. | — |
| Design | ||
| Grid | Columns (1 to 8), gap and width. | 3 columns, 20px |
| Carousel | Slides to show, gap, transition speed, autoplay and interval, loop, arrows, dots and their colours. | 3 slides, 400ms, 3000ms |
| Tile | Height, background and hover background, overlay and hover overlay, borders, radius, padding and content alignment (9 positions). | 300px, Center |
| Typography | Name, count and description text styles. | — |
| Spacing | Margin above and below. | — |
Yes. Choose the product category taxonomy and set Image Source to WooCommerce Thumbnail to show each category's image, as in the first and last demos.
Yes. Layout offers Grid and Carousel. Set the grid to 1 column and give the tiles a small height, like the topic list above.
Yes. Type term IDs into Include Terms and set Order By to Include Order. The terms then appear in the order you typed. You can also exclude terms, hide empty ones or show only top-level terms.
Yes. Any registered taxonomy appears in the Taxonomy list.
Yes. Set Tile Mode to Global Block and build the tile in a Global Block. Use the Taxonomy Term dynamic data to show the term name, description, image, count and link.
Yes. Set Terms To Show to Current Post's Terms. It lists the terms assigned to the post being viewed, or the current loop item.
Taxonomy Listing is included with Phox Elements, along with 140+ other premium elements for Breakdance.