Support

Home Forums Events Calendar Add-on Monthly Calendar View Not Showing

Monthly Calendar View Not Showing

Posted: May 8, 2013 at 9:33 am


kevin l

May 8, 2013 at 9:33 am

I am having an issue where the monthly calendar is not showing up on the web page with the [ESPRESSO_CALENDAR] tag on it.

I would appreciate any help fixing this. I am using the HTML5 Blank Theme.

Thanks!

Event Espresso – 3.1.31.3.P

WordPress 3.5.1

http://www.ontargetsitedev.com.php53-6.ord1-1.websitetestlink.com/classes/


Garth

  • Support Staff

May 8, 2013 at 11:20 am

Hi Kevin,

Usually this is caused by javascript errors in the theme or a conflict with a plugin. Can you switch to the default 2011 or 2012 theme and tell us whether the calendar appears?

Also, here is some documentation on troubleshooting the JavaScript errors: https://eventespresso.com/wiki/troubleshooting-event-espresso/#registration


Josh

  • Support Staff

May 8, 2013 at 11:31 am

Hi Kevin,

I checked and Garth is correct in that the version of jQuery that’s loading from your theme is throwing a 404 not found error. Here is the link that your site is trying to load jQuery from:

http://www.ontargetsitedev.com.php53-6.ord1-1.websitetestlink.com/ajax/libs/jquery/1.9.1/jquery.min.js?ver=1.9.1

It would probably be the simplest to find the code that’s loading the jQuery library and point it to load up the jQuery library from the WordPress installation. Please see this article for more info:

http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/


Josh

  • Support Staff

May 8, 2013 at 11:32 am

You might also read this article from our blog for additional tips:

https://eventespresso.com/2012/08/using-jquery-in-safe-mode/


kevin l

May 8, 2013 at 11:52 am

Hi Mike and Josh,

Thanks for the quick responses. I have added the WordPress jquery link and now its loading the jquery file but the calendar is still not displaying.


kevin l

May 8, 2013 at 11:58 am

Sorry, I meant Garth not Mike.


Josh

  • Support Staff

May 8, 2013 at 12:52 pm

Hi Kevin,

I forgot to mention that are other errors when you view the page in the web inspector.

Like this one:

Uncaught TypeError: Property ‘$’ of object [object Object] is not a function

Which is from the theme’s scripts.js not using jQuery in no conflict mode:

$(function() {
	
	// SVG fallback
	// toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script#update
	if (!Modernizr.svg) {
		var imgs = document.getElementsByTagName('img');
		var dotSVG = /.*\.svg$/;
		for (var i = 0; i != imgs.length; ++i) {
			if(imgs[i].src.match(dotSVG)) {
				imgs[i].src = imgs[i].src.slice(0, -3) + "png";
			}
		}
	}

});

You’ll likely need to fix all the JavaScript errors in the theme before the calendar will appear. What happens is when JavaScript throws and error on a web page, other scripts that load later down the page (like the calendar) may not run.

The other thing that’s happening is the calendar script is getting paragraph tags added to it. This is another issue with the theme. You might be able to work around it by wrapping the calendar shortcode with raw tags like this:

[raw][ESPRESSO_CALENDAR][/raw]

If the above trick doesn’t remove the p tags, you will need to find the code in the theme that is removing the standard WP format functions and disable that code.

Please see this article for more info:

http://pippinsplugins.com/never-remove-the-default-the_content-filters-in-themes/


kevin l

May 8, 2013 at 1:09 pm

Josh,

I believe I have fixed the other JS errors and I wrapped the shortcode in the raw tags. When I did I see the shortcode in the front end view. When I remove the raw tags I don’t see the shortcode text.

 

Thanks,

Kevin


Josh

  • Support Staff

May 8, 2013 at 1:49 pm

Hi Kevin,

You’ll need to remove the raw tags then, and find the code in the theme that’s removing the WordPress autoformatting functions.

As an alternative, you could create a page template for the calendar page. Which would basically bypass the calendar getting loaded from the content.

If you go that route, you’d add the calendar widget directly into the page template like this:

<?php echo do_shortcode('[ESPRESSO_CALENDAR show_expired=false]'); ?>


kevin l

May 8, 2013 at 2:00 pm

Thank you. This fixed it for me.

I really appreciate the helpful and quick support.

The support post ‘Monthly Calendar View Not Showing’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso