Problem With Calendar View and Woothemes Canvas Theme

[rcstribe]

Are per my email with Jonah, I have gone and purchased a PRO license with the assumption we’ll be able to resolve this problem. I am rather sure it is a theme conflict – it works OK with 2011 and seems to be similar to these previous threads:

Events Calendar Pro and Woo Canvas theme problem

WooThemes Canvas and Event Calendar Month View

Here are the details, as I see them:

(1) Although originally appearing fine, once I click to go to another month, the calendar month view appears as:
← February Events Month January February March April May June July August September October November December Events Year 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 April → Event List Calendar SunMonTueWedThuFriSat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 […]
with no grid. Clicking on the “Calendar of Events” take me back to the same page. Everything else seems to be working.

(2) If I switch from default page template to default event template, that problem goes away, although I lose my entire sidebar. Even worse, the single event view gets messed up – the event information and google map take up the entire width of the page and my sidebar widgets appear vertically under the google map.

(3) In my continued hunting, I noticed the similar thread from January: https://theeventscalendar.com/support/forums/topic/events-calendar-pro-and-woo-canvas-theme-problem/#post-30197

where it is stated:
I’m not sure why it doesn’t work with the default page template but you can get your styling to work with the default events template. All you need to do is modify the /wp-content/plugins/the-events-calendar/views/ecp-page-template.php by making a copy and placing in an ‘events’ folder in your active theme. Then, you can edit the file and include all the template specific wrappers (divs) from the Canvas page template (similar to adding the HTML before & after but this is more direct.
I would suggest doing that.

I tried doing that, but it simply displayed the PHP/HTML code as text – I assume I am not copying/pasting the correct snippets (I tried just putting them into the HTML boxes). It would be great if you could be more specific as to what needs to copied where.

Please advise me what to do – thanks!!!

[Barry]

Hi rcstribe,

Although originally appearing fine, once I click to go to another month, the calendar month view appears as: ← February Events Month

I can’t seem to replicate this, though I located your month view and hopped from month to month. Can you confirm is this has been resolved or else provide some step by step instructions detailing how I can see this?

If I switch from default page template to default event template, that problem goes away, although I lose my entire sidebar.

… And perhaps that is what you have done again – as I don’t see the sidebar. If you can confirm that that is what you are using we can investigate reinstating the sidebar in the first instance.

Regarding the possible solution from another thread: you cannot use PHP in those fields. What Jonah and Michael were probably alluding to were the specific combination of divs, classes and IDs that your theme uses on its own pages to facilitate proper formatting.

For instance, if your theme wraps its pages like so (this is purely an example):

<div id="woo_content"> <!-- more markup --> </div>

Then you would copy those into the relevant before and after HTML fields. Does that make sense, or is it clear as mud?

[rcstribe]

Barry,

Let me explain again item (2) from my original message:

The plugin is currently configured to use default EVENT template – therefore, you don’t see the month paging problem. However, this causes 2 other issues, which you should be able to see:

(1) on the http://losangelesdogs.net/events/ page, the sidebar is not shown
(2) on the individual event page http://losangelesdogs.net/event/test-event/ , the event information and google map take up the entire width of the page and my sidebar widgets appear vertically UNDER the google map.

I am happy to modify files, as suggested in (3), but need to know exactly what to where. Thanks!

[Barry]

OK, let’s take this one issue at a time. Bearing in mind I don’t have a copy of Canvas it’s quite possible I’ve missed something, however changing ecp-single-template.php to look like this might solve issue (2).

Can you test that out? If you haven’t done so already please familiarize yourself with our Themer’s Guide and our tutorial on template overrides.

Thanks!

[rcstribe]

Closer….
The sidebar is in place, but sits on top of the footer. It also messes up the height of the footer.
Also, the text that I put in the “Add HTML after calendar” wraps around “funny”.

Here is a screenshot http://awesomescreenshot.com/02a16mii1b
Here is the page template for canvas http://pastebin.com/5CNeiuP4

Do you want me to send you the canvas theme, for testing purposes (only)?

[Barry]

Sure go ahead. Details below.

[Barry]

This reply is private.

[rcstribe]

Hi Barry,
I’ve burned some more time on this, with no real progress…
But let me point out the following:
(1) Changing cp-single-template.php to look as you suggested above, also seems to wipe out the google map, in addition to other other issues described above.

(2) I don’t know which is easier for you to resolve – trying to fix the CSS issues related to the Events Template, as we are trying to do now, or to fix the calendar paging bug in the Page Template. I don’t care which way you choose to go – I just need something that works ASAP.

Thanks –
Jackie

[rcstribe]

If you want to go down the path of solving the calendar paging issue, you’ll need to let me know so I can reset the template to Default Page Template. Although, the truth is you should not have any problem reproducing that yourself with the Cnavas theme, since there have been multiple reports of that bug by different people in the forum.

[rcstribe]

Upon further testing, the Google map (below the content) does not show up with either template now! It definitely did before…

I have to say that it is both surprising and frustrating to suffer so many issues with a premium theme and a premium plugin…

[Barry]

Thanks for your patience while we worked through this. So after setting up Canvas I decided – at least in your case – that using Woo’s page template would be easiest, since if I am understanding you correctly that basically does everything you want here (except that the calendar can be flattened and truncated in some cases).

To resolve the problem you reported where you view the calendar for a month containing no events, I added this code to the theme’s functions.php file, so give that a try and see how you get on.

What I would highlight is that it may be better to add this code within a child theme, to avoid future updates of your theme wiping out this code – however you should follow whatever best practices WooThemes suggest on that front.

[rcstribe]

Barry,

That is great – thank you!!
I really appreciate your solution of this problem (as well as the warning in last paragraph). I will continue testing and hopefully have a successful launch of this new functionality later this week.
I look forward to recommending this plugin to colleagues and clients (I actually already…)

One more question for now: In the single event view, there are 2 buttons below the event: +Google Calendat and ICAL Import. Great feature. But on the calender and event list views it only shows the ICAL Import button. Is that correct? Is that because ICAL Import supports multiple events in a single file, but Google doesn’t?

Thanks again. I am really glad – and appreciate – that you guys came through on the support!

[Barry]

Is that because ICAL Import supports multiple events in a single file, but Google doesn’t?

I believe so, yes. It might be possible to create an alternative implementation that does push across multiple events (and I’m just speculating, there, really 🙂 ) but currently the mechanism used by The Events Calendar will only send single events across to Google Calendar.

[rcstribe]

Hi Barry,

I now noticed a problem with the Venue view – seems soemwhat similar to what we saw (and chose to ignore) with Events Template. When I view an event venue, my sidebar widgets get displayed vertically under the venue details. See http://losangelesdogs.net/venue/test-venue/

[Barry]

Ah yes … give me a moment while I do some digging. I have a suspicion this may be a known bug but I just want to confirm.

[Author]

Posts