Forum Replies Created

Viewing 1 replies (of 1 total)
  • Thread Starter mazyng

    (@mazyng)

    I found a solution to do this. I will leave it here in case it helps someone:

    I overrode the template full width (the one using on homepage):

    <?php /*Template Name: Full Width Template*/?>
    <?php get_header();?>
    
    <script type='text/javascript' src='http://your-url/wp-content/plugins/the-events-calendar/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js?ver=3.2'></script>
    
    <script type='text/javascript' src='http://your-url/wp-content/plugins/the-events-calendar/vendor/jquery-placeholder/jquery.placeholder.min.js?ver=2.0.7'></script>
    
    <script type='text/javascript' src='http://your-url/wp-content/plugins/the-events-calendar/vendor/jquery-resize/jquery.ba-resize.min.js?ver=1.1'></script>
    
    <script type='text/javascript'>
    /* <![CDATA[ */
    var tribe_js_config = {"permalink_settings":"\/%postname%\/","events_post_type":"tribe_events","events_base":"http:\/\/your-url\/"};
    /* ]]> */
    </script>
    
    <script type='text/javascript' src='http://your-url/wp-content/plugins/the-events-calendar/src/resources/js/tribe-events.min.js?ver=4.1.3'></script>
    
    <script type='text/javascript' src='http://your-url/wp-content/plugins/the-events-calendar/src/resources/js/tribe-events-bar.min.js?ver=4.1.3'></script>
    
    <script type='text/javascript' src='http://your-url/wp-content/plugins/LayerSlider/static/js/greensock.js?ver=1.11.8'></script>
    
    	<div class="container">
    		<?php
    			if(is_front_page() || is_page('home custom')) {
    		?>
    				<?php $now = date_i18n( 'Y-m-01' ) ?>
    				<?php tribe_events_before_html(); ?>
    				<?php tribe_show_month( array( 'eventDate' => $now ) )?>
    				<?php tribe_events_after_html(); ?>
    
    		<?php  }
    		?>
    	</div>
    
    	<!-- ** Primary Section ** -->
    	<section id="primary" class="content-full-width">
    
    	<?php
    		if( have_posts() ):
    			while( have_posts() ):
    				the_post();
    				get_template_part( 'framework/loops/content-fullwidth', 'page' );
    			endwhile;
    		endif;?>
    	</section><!-- ** Primary Section End ** -->
    
    <script type="text/javascript">
        jQuery(document).ready(function($) {
                   $("body").addClass("events-gridview events-archive tribe-events-style-full tribe-events-style-theme tribe-theme-parent-lms tribe-theme-child-lms-child page-template-tpl-events-php singular customize-support tribe-is-responsive");
        });
    </script>
    <?php get_footer(); ?>

    After this just add this to your functions.php:

    add_action('wp_enqueue_scripts', 'enqueue_month_view_scripts');
    function enqueue_month_view_scripts() {
        if ( is_front_page() ) {
            Tribe__Events__Template_Factory::asset_package('ajax-calendar');
     Tribe__Events__Template_Factory::asset_package('events-css');
        }
    }

    Cheers

Viewing 1 replies (of 1 total)