[Support request] How to display selected custom taxonomy items with individual icons?

Here’s how I’m thinking I could approach this, please let me know if I’m barking up the wrong tree…

1. use ACF to add a custom text field (used to add a class name) to the custom taxonomy so that each term gets its own unique class. This field would be called ‘acf_term_class’. I know how to do that.

2. Use custom css to add a unique icon using the ::before pseudo-selector for each of those unique term class names. I know how to do that too.

3. Somehow inject the unique class names into Fernando’s code (I don’t know how to do that but ending up with something like the below)

add_filter('generateblocks_dynamic_content_output', function($content, $attributes, $block){
	if ( ! empty( $attributes['className'] ) && strpos( $attributes['className'], 'cu-tax-headline' ) !== false ) {
		$terms = get_field('custom-tax');
		$output = '<ul>'; 
		foreach( $terms as $term ){
			$output = $output . '<li class="inject the term's unique classname here">' . '<a href="' . esc_url( get_term_link( $term ) ) . '">' . esc_html( $term->name ) . '</a></li>';
		}
		$output = $output . '</ul';
		return $output;
	}
	return $content;
}, 10, 3);

I’d also like to strip out the term links – not sure exactly the right way to do that either (I don’t know php) but perhaps this?:

add_filter('generateblocks_dynamic_content_output', function($content, $attributes, $block){
	if ( ! empty( $attributes['className'] ) && strpos( $attributes['className'], 'cu-tax-headline' ) !== false ) {
		$terms = get_field('custom-tax');
		$output = '<ul>'; 
		foreach( $terms as $term ){
			$output = $output . '<li class="inject the term's unique classname here">' . esc_html( $term->name ) . '</li>';
		}
		$output = $output . '</ul';
		return $output;
	}
	return $content;
}, 10, 3);

As ever, any help would be most appreciated. Thanks.

Thanks David – so the class I was after is there already!

Was my edit to the php to remove the link around the term correct?

add_filter('generateblocks_dynamic_content_output', function($content, $attributes, $block){
	if ( ! empty( $attributes['className'] ) && strpos( $attributes['className'], 'cu-tax-headline' ) !== false ) {
		$terms = get_field('custom-tax');
		$output = '<ul>'; 
		foreach( $terms as $term ){
			$output = $output . '<li>' . esc_html( $term->name ) . '</li>';
		}
		$output = $output . '</ul';
		return $output;
	}
	return $content;
}, 10, 3);

Sorry, I realise I made an error when referencing the other post with the add_filter example as that was talking about ACF taxonomy fields, not custom taxonomies as I thought.

What I am trying to achieve here is to format the list of terms in the front end as a proper unordered list, so the list is wrapped in <ul> tags and each term is wrapped in an <li> tag.

On a similar note, is it possible to use the Headline block to output the data from an ACF checkboxes field? I’ve not had any luck with that so far. I saw a post from April 22 saying it was on the list of things to do but wondered if that had been implemented yet in more recent versions of GenerateBlocks.

I can use the acf shortcode to display the list of active checkbox terms but it just comes through as a comma separated list, and again I’d like each to have its own class and ideally be formatted as a proper list.

OK thanks David, I’ll look into a Shortcode for the checkboxes.

Regarding the Taxonomy List of Terms that GB does currently support though, how do I display that as a proper unordered list in the front end (with ul and li tags), rather that just a comma separated list please?