Add sidebar to Events Calendar page template

[derekalvarez]

I'm using the Events Calendar Pro plugin with Going Green theme and I'm trying to add my sidebar to the page template they have. Here is the code I'm using...


<?php
/**
* Default Events Template
* This file is the basic wrapper template for all the views if 'Default Events Template'
* is selected in Events -> Settings -> Template -> Events Template.
*
* Override this template in your own theme by creating a file at [your-theme]/tribe-events/default-template.php
*
* @package TribeEventsCalendar
* @since 3.0
* @author Modern Tribe Inc.
*
*/

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

<?php get_header(); ?>
<div id="tribe-events-pg-template">
<?php tribe_events_before_html(); ?>
<?php tribe_get_view(); ?>
<?php tribe_events_after_html(); ?>
</div> <!-- #tribe-events-pg-template -->

</div>

<div id="sidebar" class="widget-area">

<?php genesis_sidebar() ?>

</div>

<?php get_footer(); ?>


Where am I going wrong?

http://test.epicmag.org/events/

[Brad Dalton]

You may be able to conditionally change the layout using PHP code but not sure as i would need to test it locally with the plugin installed.

Can you link to the plugin download page please.

---

Tutorials for StudioPress Themes.

[derekalvarez]

Thanks, Brad. Here it is... http://wordpress.org/plugins/the-events-calendar/

I've changed the code a bit and it added the sidebar, but now the sidebar isn't aligning correctly...


<?php
/**
* Default Events Template
* This file is the basic wrapper template for all the views if 'Default Events Template'
* is selected in Events -> Settings -> Template -> Events Template.
*
* Override this template in your own theme by creating a file at [your-theme]/tribe-events/default-template.php
*
* @package TribeEventsCalendar
* @since 3.0
* @author Modern Tribe Inc.
*
*/

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

<?php get_header(); ?>
<div id="content" class="content-sidebar-wrap">
<div id="tribe-events-pg-template">
<?php tribe_events_before_html(); ?>
<?php tribe_get_view(); ?>
<?php tribe_events_after_html(); ?>
</div> <!-- #tribe-events-pg-template -->

</div>

<div id="sidebar" class="widget-area">

<?php genesis_sidebar() ?>

</div>

<?php get_footer(); ?>


[Brad Dalton]

Can't you display this calender using a shortcode or PHP tag and use one of the genesis layouts instead?

---

Tutorials for StudioPress Themes.

[derekalvarez]

I might go that way, but the styling doesn't look as sharp when I tried it... I was figuring this way I'd have to change less code.

[derekalvarez]

I figured it out for anyone else who has this problem...


<?php
/**
* Default Events Template
* This file is the basic wrapper template for all the views if 'Default Events Template'
* is selected in Events -> Settings -> Template -> Events Template.
*
* Override this template in your own theme by creating a file at [your-theme]/tribe-events/default-template.php
*
* @package TribeEventsCalendar
* @since 3.0
* @author Modern Tribe Inc.
*
*/

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

<?php get_header(); ?>

<div id="content-sidebar-wrap">

<div id="content">
<div id="tribe-events-pg-template">
<?php tribe_events_before_html(); ?>
<?php tribe_get_view(); ?>
<?php tribe_events_after_html(); ?>
</div> <!-- #tribe-events-pg-template -->
</div>

<div id="sidebar" class="sidebar widget-area">
<?php genesis_sidebar() ?>
</div>

</div> <!-- #content-sidebar-wrap -->

<?php get_footer(); ?>


[morktron]

Hi Derekalvarez, I've spent the whole morning trying to get Events Calendar to work with Genesis - now thanks to you I have it working 🙂

Here is the updated code for it to work with Genesis HTML 5 themes. Just put it here: [your-theme]/tribe-events/default-template.php

If anyone can see any errors or improvements please don't be shy.

<?php
/* Default Events Template - Customised for Genesis HTML5 themes */

if ( !defined('ABSPATH') ) { die('-1'); }

get_header(); ?>

<div class="content-sidebar-wrap">

    <main class="content">
        <div id="tribe-events-pg-template">
            <?php tribe_events_before_html(); ?>
            <?php tribe_get_view(); ?>
            <?php tribe_events_after_html(); ?>
        </div> <!-- #tribe-events-pg-template -->
    </main>
    
    <aside id="sidebar" class="sidebar sidebar-primary widget-area">
        <?php do_action( 'genesis_sidebar' ) ?>
    </aside>
    
</div>
<?php get_footer(); ?>

[Author]

Posts