mazyng
Forum Replies Created
Viewing 1 replies (of 1 total)
-
Forum: Plugins
In reply to: [The Events Calendar] Display Calendar in HomepageI 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)