Can't get sidebar to appear on Events pages

[Matt]

I am trying to get a sidebar to appear on the events pages with no success. I have read an number of support articles on this site but I am getting no where.

So far I have copied list.php, month.php etc to my theme folders in a folder called ‘pro’ which is in turn in a folder called ‘tribe-events’

I have then edited these template files. Here is one example. You will see I have added <?php get_sidebar(); ?>

*/

if ( ! defined( ‘ABSPATH’ ) ) {
die( ‘-1’ );
} ?>

<?php do_action( ‘tribe_events_before_template’ ); ?>
<h1> Hello!! </h1>
<?php get_sidebar(); ?>
<!– Tribe Bar –>
<?php tribe_get_template_part( ‘modules/bar’ ); ?>

<!– Main Events Content –>
<?php tribe_get_template_part( ‘list/content’ ); ?>

<div class=”tribe-clear”></div>

<?php do_action( ‘tribe_events_after_template’ ) ?>

I understood this should make the sidebar appear but it does not.

[Brian]

Hi,

Sorry for the issues you are having.

Have you tried changing the Events Template in the settings?

Head to this page:

Events > Settings > Display Tab

Then change this setting:

Events Template to Default Page Template

Let me know if that helps.

You have have to remove those custom templates first.

Cheers

[Matt]

Brian, Yes I have already tried that and whilst the sidebar appears I lose the filter bar, the options for it just appear as text at the top of the page. I also lose the list of events and the option to change to view by month.

I then just have a “more….” link which when pressed shows only one event.

[Brian]

Oh ok, that is strange.

Back to the customization route.

The List and Month View are not Pro templates so they should go to this directory in your theme:

yourtheme/tribe-events/month.php

yourtheme/tribe-events/list.php

Please review the themer’s guide for the directories:

https://theeventscalendar.com/knowledgebase/themers-guide/

Or you can ask if you get stuck and I can help out.

If you move those two files to the directory as outlined above does that make the sidebar show?

You will most likely have to add some css to get it to display on the side too.

Let me know.

Cheers

[Matt]

I’ve done that and no the sidebar still doesn’t show. However, it is obviously picking up the modified php files as I now have “Hello!!” displayed on the page and that is coming from the modification I added as a test.

[Brian]

Ok at least it is the right spot now.

I would look at your theme and see how they show the sidebar as it could be different then from how WordPress Codex themes are setup.

[Matt]

I am using Canvas as a theme which I believe is pretty popular. Unfortunately I am relatively new to wordpress manipulation so I have difficulty in reading the code.

However, I have established that the sidebar information is appearing on my “single event” page but it is appearing at the bottom of the page as part of the main display rather than at the side.

I am using exactly the same sidebar call for the month.php but it is not appearing at all.

Are you able to help with getting the sidebar to appear in the right place ? and any ideas as to why it appears in single event and not month view ?

[Brian]

Sure I can try to help out some, but I am limited in supporting themes.

I do not have much experience with Canvas as I usually use Genesis, which has it’s own issues as well.

For the single events you have the sidebar on it sounds like some css is needed to get the sidebar to appear on the side.

Do you have a link you can send a in a private reply and I can take a look?

I am not sure why the sidebar does not appear in the Event Views (month, list, photo, etc). It could be those are archives in WordPress and not pages.

Let me know about that single event and I can try to help out there first.

Thanks

[Matt]

This reply is private.

[Brian]

Thanks for the link.

I had success with getting this css to move the sidebar to the right:


.single-tribe_events #tribe-events-content {
float:left;
width:70%;
overflow:hidden;
clear: none;
}

.single-tribe_events #sidebar {
float:right;
width:28%;
max-width:300px;
overflow:hidden;
clear: none;
}

@media only screen and (max-width: 600px) {

.single-tribe_events #tribe-events-content,
.single-tribe_events #sidebar {
float:none;
width:100%;
margin: 0 auto;
}

}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Matt]

Yes, That’s brilliant thanks the sidebar now appears on the single event page.

Is there anything else we can try to get this onto the list and month views.

[Brian]

I was able to get a copy of Canvas from WooThemes, but have no used it yet to see what can be done.

Not sure if I will be able to figure it out, but will attempt to get it right.

I will let you know what I find out.

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