Elementor Portfolio-Widget with Category Descriptions

Plugins -> Editor -> Elementor Pro -> Modules -> Posts -> Widgets -> portfolio.php

search for function: “render_filter_menu()”

replace it with this snippet:

	protected function render_filter_menu() {

		$taxonomy = $this->get_settings( 'taxonomy' );

		if ( ! $taxonomy ) {
			return;
		}

		$terms = [];

		foreach ( $this->_query->posts as $post ) {
			$terms += $post->tags;
		}

		if ( empty( $terms ) ) {
			return;
		}
//----------------------EVIJ-MOD-------------------------------
		usort( $terms, function( $a, $b ) {
		//	return strcmp( $a->name, $b->name );
		return $a->term_order - $b->term_order;
		} );

		?>
		<div class="filterbox">
			<div class="elementor-portfolio__filters">
				<span class="clickme"><p></p></span>
				<ul class="elementor-portfolio__filter-elements">
				<?php //<div class="elementor-portfolio__filter elementor-active" data-filter="__all"><?php echo __( 'All', 'elementor-pro' ); ? ></div> ?>
				<?php foreach ( $terms as $term ) { ?>
					<li class="elementor-portfolio__filter" data-filter="<?php echo esc_attr( $term->term_id ); ?>" cat-filter=".<?php echo esc_attr( $term->term_id ); ?>"><?php echo $term->name; ?></li>				<?php } ?>
				</ul>
				<ul class="elementor-portfolio__category-description">
				<?php foreach ( $terms as $term ) { ?>
				<li  class="initialHidden elementor-category__description-item <?php echo esc_attr( $term->term_id ); ?> ">
					<?php echo category_description ( $term->term_id );?>
				</li>
				<?php } ?>
				</ul>
			</div>
		</div>
		<?php
//-------------------------------------------------------
	}
	

// -------- end of mod -------------------------------------------------------------