Showing Category Name with Color and Link to category filter page

Replies: 0

Hi, I added a category.php inside the
the-events-calendar/src/views/v2/widgets/widget-events-list/

folder

and I modified the the-events-calendar/src/views/v2/widgets/widget-events-list/event.php in order to show the name of the category with a link to its page filtering events by that category. Just in case somebody wants to use it or if you want to include in future versions of this plugin.

Here is the code:
Addition to the-events-calendar/src/views/v2/widgets/widget-events-list/event.php

<header class=”tribe-events-widget-events-list__event-header”>

<?php $this->template( ‘widgets/widget-events-list/event/date’, [ ‘event’ => $event ] ); ?>
<?php $this->template( ‘widgets/widget-events-list/event/title’, [ ‘event’ => $event ] ); ?>
<?php $this->template( ‘widgets/widget-events-list/event/category’, [ ‘event’ => $event ] ); ?>

</header>

New Addition to the-events-calendar/src/views/v2/widgets/widget-events-list/category.php

<?php
$lang=get_bloginfo(“language”);
$terms = wp_get_post_terms($event->ID, ‘tribe_events_cat’, array(“fields” => “all”));

if ( !empty( $terms ) && !is_wp_error( $terms ) ){
echo “

“;
foreach ( $terms as $term ) {
#in the event category description is the color, do not show:
if ($term->description){$style_background = “background-color: ” . $term->description; }
else {$style_background = “”;}

echo “

• slug . “/?lang=”.$lang.”‘><span
  style='”.$style_background.”;
  border: none;
  border-radius: 3px; color: white;
  padding: 0px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;’>” . $term->name . “</span>

“;
}
echo “

“;
}
?>