How to customize HTML output of Taxonomy block

How To
1

I am using the taxonomy block, and would like to customize the output.

Currently the output of every item is like this:
<li><a class="bricks-button bricks-background-dark" href="Term-URL">Term-Name</a></li>

What I would like to do:

  • Add a class attribute (like class="prefix_term-slug") that would allow me to style (colorize) the terms with some custom CSS.

  • Add the term description after the link.

2

Create a div element, use a query loop and build your own list. You can add your own class to the li elements and add the term description after the link. Something like this template-taxonomy-list-2025-11-22.json · GitHub (import it as a template)

3

Thank you for the advice!

Indeed, this worked perfectly. I didn’t realize it was so easy to replicate the Taxonomy block with a query loop.

4

Actually Bricks should provide the block as editable component for exacrly reasons like this: Ease of modification.