Styling and Template Creation

[David]

I followed the template guide and created the folder tribe-events within my theme-location. Everything is working quiet well and I totally get the instructions in the knowledge-base. Now I won’t to customize the style of the meta section in a single-event-view of the calendar. So I copied the folder modules/meta/details.php into my theme folder under tribe-events. But the overrides are not working! I also use event-calendar-pro and the filter-bar addon! Am I doint something wrong? Where should I put the meta files?
Sincerely, David

[Brian]

Hi David,

Glad things are moving forward on your customization.

I can help you get unstuck here.

Pro and Filter Bar do not change the location of the templates so I do not believe that is the issue.

Can you verify in your theme this is the directory you have the files in:

yourtheme\tribe-events\modules\meta

Also, what is the change you are trying to do on the details.php template?

Let me know and we can go from here.

Thanks

[David]

Hi Brian!
Thanks for your quick reply! I did copy the details.php to the folder mytheme\tribe-events\modules\meta\ and it is working now! I think for testing purposes I changed some lines in the multiday events section, which didn’t work for the specific event. So I thought it wouldn’t work. But everything is clear now! Thanks again!
I have some other questions I would appreciate your help:
1. The events in the morning still show up in the afternoon on the same day. Is there a possibility, that the events which already took place are unpublished from the list? We have more than 30 events a day, and it is kind of confusing if you need to scroll down to get to the present events.
2. In the single-event.php in the folder mytheme/tribe-events/single-event.php from line 32 to 38 is the description of the event title and cost which is separated by a divider. But at the page, there is also a div class showing “Serientermine / recurrent event”, which I cannot address in the single-event.php. I would like to hide this information. I did it with “display off” for the css class “recurringinfo”, but it would be great to disable it in the first place.
3. I added a custom field as a “Ressort” declaration. In the list view I would like to give every single ressort a different background color. It is already working for different categories when changing the css class: .tribe-events-category-mycategory {background: #e74c3c !important;}. So would it be possible to add a custom field class to the css, like <div id=”post-2770″ class=”hentry vevent type-tribe_events post-2770 tribe-clearfix tribe-events-category-mycategory tribe-events-custom-field-ressort-myressort”> for instance?

Thanks again,
David

[Brian]

Ok glad that part is working now.

1. The events in the morning still show up in the afternoon on the same day. Is there a possibility, that the events which already took place are unpublished from the list? We have more than 30 events a day, and it is kind of confusing if you need to scroll down to get to the present events.

In 3.10 we fixed this so after the event end time is reached it no longer shows on upcoming events. That release should be out in a couple weeks.

2. In the single-event.php in the folder mytheme/tribe-events/single-event.php from line 32 to 38 is the description of the event title and cost which is separated by a divider. But at the page, there is also a div class showing “Serientermine / recurrent event”, which I cannot address in the single-event.php. I would like to hide this information. I did it with “display off” for the css class “recurringinfo”, but it would be great to disable it in the first place.

For this I have this coding:


<?php
if ( class_exists( 'TribeEventsPro' ) ) {
$tep = TribeEventsPro::instance();
//$tep->disable_recurring_info_tooltip();
echo tribe_events_event_schedule_details( $event_id, '<h3>', '</h3>' );
//$tep->enable_recurring_info_tooltip();
}
?>


And use that to replace this:

<?php echo tribe_events_event_schedule_details( $event_id, '<h3>', '</h3>' ); ?>

In 3.10 that class will change from TribeEventsPro to this Tribe__Events__Pro__Main so make sure to make that update.

3. I added a custom field as a “Ressort” declaration. In the list view I would like to give every single ressort a different background color. It is already working for different categories when changing the css class: .tribe-events-category-mycategory {background: #e74c3c !important;}. So would it be possible to add a custom field class to the css, like <div id=”post-2770″ class=”hentry vevent type-tribe_events post-2770 tribe-clearfix tribe-events-category-mycategory tribe-events-custom-field-ressort-myressort”> for instance?

It maybe possible to add that custom field.

You would want to look to modify this file:

the-events-calendar\views\list\loop.php

And then look to use the filter in this function:

tribe_events_event_classes()

The function is found in this file:

the-events-calendar\public\template-tags\general.php

That should get you started on that.

That is about all I provide for these customizations. I can help get you started, but unable to provide all the coding or troubleshoot it.

If you have any more questions let me know though.

Thanks

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts