Dynamic term list doesn’t add class to each span (GB 2.0)

Hi there,

Try this PHP snippet, but you will need to assign the term link to the terms, so each term is an <a>, as the <span> doesn’t work with this filter.

add_filter( 'term_links-category', 'add_category_class_to_term_links', 10, 1 );

function add_category_class_to_term_links( $list_items ) {
    foreach ( $list_items as &$item ) {
        // Extract the term name from the <a> tag
        if ( preg_match( '/>([^<]+)</', $item, $matches ) ) {
            $term_name = sanitize_html_class( $matches[1] ); // Sanitize term name
            $class = 'post-term-item term-' . strtolower( $term_name ); // Force lowercase

            // Check if the class attribute exists
            if ( strpos( $item, 'class="' ) === false ) {
                // No class exists, add it
                $item = str_replace( '<a ', '<a class="' . esc_attr( $class ) . '" ', $item );
            } else {
                // Class exists, check if our class is already present
                if ( strpos( $item, $class ) === false ) {
                    // Append the class if it’s not already there
                    $item = preg_replace( '/class="([^"]*)"/', 'class="$1 ' . esc_attr( $class ) . '"', $item );
                }
                // If the class is already present, do nothing
            }
        }
    }
    unset( $item ); // Unset the reference after the loop

    return $list_items;
}

Adding PHP: https://docs.generatepress.com/article/adding-php/

Hi there,

Try this snippet:

add_filter('generateblocks_dynamic_tag_output', function ($output, $options) {
	if (isset($options['term_class'])) {
		if (strpos($output, '<span>') !== false) {
			// Use a regular expression to find all spans and their content
			$pattern = '/<span>(.*?)<\/span>/';
			preg_match_all($pattern, $output, $matches);

			if (!empty($matches[0]) && !empty($matches[1])) {
				// Loop through each match and replace with span + classes
				foreach ($matches[0] as $key => $original_span) {
					$term_text = $matches[1][$key];
					$term_slug = sanitize_title($term_text); // Convert to slug format

					// Create the new span with both classes
					$new_span = '<span class="post-term-item term-' . $term_slug . '">' . $term_text . '</span>';

					// Replace in the output
					$output = str_replace($original_span, $new_span, $output);
				}
			}
		}
	}

	return $output;
}, 10, 2);

Then, add the term_class option to the Term List dynamic tag so it looks like this:
{{term_list tax:category|term_class:true}}

This works only with the term list without a link.

Are you anyway going to embed the class in the new GB as the old one in a next update?

There are no plans for this at the moment, but we’ll see what improvements we can make in that area.