Add sub-menu to Event Calendar posts and pages

Thank you so much @crawford13. It is indeed very kind of you to jump in here.

Sadly I’ve still not managed to get it working, despite having followed (or tried to follow) your steps.

One possible clue to where this is going wrong is that my default-template.php file doesn’t seem to be the same as yours. Here’s the complete contents of my file (before adding any shortcode):

<?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
 *
 */

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

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 -->
<?php
get_footer();

Any idea why this is different? Is it because I’m not on their PRO version? (I have Tickets Plus, but the free calendar.)

And any idea where I might try inserting the do_shortcode here?

It’s also still unclear to me whether or not I should be wrapping the shortcode in php tags when I do insert it. Your example above doesn’t wrap it (from what I can see).

Thanks. I’m really keen to get this solved.

Eoghan

@thatcommsguy

Continued thanks @crawford13. I had not realized that I should be using templates provided by Enfold. (I forgot that Enfold is specifically configured to be compatible with these plugins.)

So, I now have a functions.php in my child theme that includes (among other snippets that are all working properly) the following:

/* Telling the Event Calendar plugin to use the view templates found in the Child Theme
*/

add_action('tribe_events_template', 'avia_events_template_paths_mod', 10, 2);
function avia_events_template_paths_mod($file, $template)
{
    $redirect = array('default-template.php', 'single-event.php');
    if(in_array($template, $redirect))
    {
        $file = get_stylesheet_directory() . "/config-events-calendar/views/".$template;
    }

    return $file;
}

And I have the default-template.php file sitting in /wp-content/themes/enfold-child/config-events-calendar/views and looking like this:

<?php

global $avia_config;

	/*
	 * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
	 */
	 get_header();
		
	 $title = tribe_is_month() ? __('Calendar of Events', 'avia_framework') : tribe_get_events_title(false);
 	 $args = array('title'=> $title, 'link'=>'');

 	 if( !is_singular() || get_post_meta(get_the_ID(), 'header', true) != 'no') echo avia_title($args);
 	 
 	 do_action( 'ava_after_main_title' );
 	 
	 ?>
	 
<?php 
echo do_shortcode("[av_submenu which_menu='center' menu='' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2']
[/av_submenu]");
?>

		<div class='container_wrap container_wrap_first main_color fullsize'>

			<div class='container'>

				<main class='template-page template-event-page content av-content-full units' <?php avia_markup_helper(array('context' => 'content','post_type'=>'page'));?>>
					
					 <div id="tribe-events-pg-template">
                   
                 	<?php
                 	
					tribe_events_before_html();
					tribe_get_view();
					tribe_events_after_html(); 
					
					?>
					
					</div> <!-- #tribe-events-pg-template -->
					
				<!--end content-->
				</main>

			</div><!--end container-->

		</div><!-- close default .container_wrap element -->

<?php get_footer(); ?>

But still the sub-menu in question appears on neither of the following pages:
https://brightgreenlearning.com/courses

This is the sub-menu I’m trying to have appear on those pages:

Perhaps you could take one final look at the above and see if you can spot what I’m doing wrong or what’s going wrong.

Thank you so much,
Eoghan
(@thatcommsguy)

Sure! I’m a trusting kind of guy!

The details are on their way.

Thanks,
Eoghan

With huge thanks to @crawford13, plus a little extra investigating on my part this evening, I finally got this working.

To help others, if you want to add a sub-menu on event calendar pages, you need to do the following:

1. Add this code to your functions.php

add_action('after_setup_theme', function() {
    if(is_child_theme()) remove_action('tribe_events_template', 'avia_events_tempalte_paths', 10, 2);
});

add_action('tribe_events_template', 'avia_events_template_paths_mod', 10, 2);
function avia_events_template_paths_mod($file, $template)
{
    $redirect = array('default-template.php', 'single-event.php');
    if(in_array($template, $redirect))
    {
        $file = get_stylesheet_directory() . "/config-events-calendar/views/".$template;
    }

    return $file;
}

Note that even though I’m only modifying the default-template.php file below, I still included single-event.php in the redirect array here:
$redirect = array('default-template.php', 'single-event.php');

2. In /wp-content/themes/enfold/config-events-calendar/views find default-template.php and create a local copy.

Edit it as follows, adding the do_shortcode for the submenu, wrapped in php tags, just above <div class=’container_wrap container_wrap_first main_color fullsize’>

<!-- Add subnav -->
<?php 
echo do_shortcode("[av_submenu which_menu='' menu='96' position='center' color='main_color' sticky='aviaTBsticky' mobile='disabled']
[av_submenu_item title='Menu Item 1' link='' linktarget='no' button_style='']
[av_submenu_item title='Menu Item 2' link='' linktarget='no' button_style='']
[/av_submenu]");
?>

		<div class='container_wrap container_wrap_first main_color fullsize'>

That’s what worked for me.

Thanks again to @Ismael, @Yigit and – in particular – @crawford13