Display category class in body section on single event

Hi,

You would like to highlight the current menu item, am I right?

I already use a function to add event cat(s) to the individual event container class.
So for now you can use this snippet to add cat(s) to the single event body class:

// add extra body class to single event
function vsel_single_body_class($classes) {
	if ( is_singular('event') ) {
		$classes[] = vsel_event_cats();
	}
	return $classes;
}
add_filter('body_class', 'vsel_single_body_class', 11);

I may add this to VSEL as well.

Note: because the event cat(s) is(are) also being added to the individual event container (when using shortcode or widget), please check your styling afterwards. You may have to use a prefix to only target the menu-item on the single event page.

Guido

Yes – my aim is to keep the current parent menu item (category name) highlighted for single events, the same way as it already is on the landing page for that category. This works perfectly! Thanks! And thanks for the heads up regarding previous styling targeting the category class – its doesn’t seem to have affected my styling, so thats good.

Seems like a good addition to the plugin. Question, when/if you do update the plugin with this, do I need to remove the function?

Hi,

Because there’s no “current-menu-item” class (or something similar) being addded to the menu-item on the single event page, you should use the class of this menu-item with a prefix (use my fix for adding event category to body) to target that menu-item.

.your-event-cat-slug .menu-item-51 a {background: #FFFF00; color: #000; padding: 2px 5px 5px 5px;}

Guido

Yes, thats how I’m planning to do it. Thanks for the code!

Similar question: I added tags to events with this function:

function reg_tag() {
     register_taxonomy_for_object_type('event', 'CUSTOM_POST_TYPE');
}
add_action('init', 'reg_tag');

The tag(s) then gets inserted in the article section of the single event posts. But when I use the shortcode [vsel], the tag-class is not included as a class in the event id section:

vsel-content folkets-bio video vsel-upcoming vsel-future (“video” there is a category, my tag “video” is “tag-video”, as shown here in the article section of a single event post:

post-134 event type-event status-publish has-post-thumbnail hentry tag-video event_cat-folkets-bio event_cat-video grve-entry-item

So, is it possible to have similar function that adds tag classes to event ID section of the shortcode output?

Hi,

Because VSEL doesn’t normally use tags, this requires more custom code. And it cannot be done without changing plugin template file “vsel-page-template”, because you must hook into the individual event container (you described it as “event id section”). And I’m certain you know it’s not recommended to change plugin files.

Guido

Absolutely, just wanted to check if it an easy thing to add (like categories to body section).

I can use a category for this instead, it just demands a few extra lines of custom css to hide this category etc.

Thanks for the explanation ??

Is it the same problem, if I wanted to display the tags on single pages? That you would need to edit plugin files?

Yes, if you want them inside the events details section you must make changes to template file as well. There are themes that let you hook into the content section of a post/page, so you can add your custom code. Maybe your theme has this feature as well?

Guido

Maybe, I’ll look into that. Thanks for clarifying!

Hi @niwin

I have just updated plugin and the event categories are now added to the body of a single event. Every category has a prefix called “single-” so it’s possible to target the single event page only.

Guido

Hi again @niwin

Besides supporting the single event page (for obvious reasons) my plugin also supports native pages such as the search results page and event categories page. But there’s no reason to use these native pages because events are not listed on event date. My question for you, are you using native pages for listing events, besides the single event page?

Guido

Hi!

No, I always use shortcode to display my events, because I always want to keep them in date order.

Also: forgot to answer your other last answer here, so thanks for the update! works good ??

Thanks.
I’m working on the settingspage, making it more easy to understand. Especially the settings regarding supporting these native pages.

Guido

Cool – sounds good!