[George]

Hey Peter,

Thanks for elaborating on your issues. Upon closer inspection based on what you wrote here, I do encounter those same issues.

The exact methods for how AJAX is being implemented on your site are indeed very pertinent here – something another Tribe developer pointed out to me in relation to this issue is that it seems that whatever AJAX implementation is being used on your site, it’s pulling in the entire new page content and pulling it into the existing content frame.

This is not default functionality for The Events Calendar, however, and may be super problematic here because it seems to be preventing The Events Calendar’s JavaScript from running properly because of the JavaScript _document.ready_ event only being called one time.

I’m not 100% certain if this is the extent of the issue here, but if it is, there may be little we can do from our end about your site’s specific AJAX theme integration. I’m curious to hear from the developer like you said, so that’s indeed a good next step, and maybe @mawkkhan’s question about the “callback” for Events is related to the very issue I described here. We can go from there and hopefully there’s a bit of JavaScript we can recommend to help, or at least some general ideas to get you guys started in the right direction on finalizing all this.

One last tidbit of information is that I also noticed a JavaScript error coming from your site’s “SuperFish.js” script, which could be hurting the firing of other JavaScript on the page as well → https://cloudup.com/c_aMWMHipi2

Thanks for your patience with the issue, and thanks @mawkkhan for being an active and participatory theme developer!

Cheers,
George

[George]

Glad this helped Seth! Hope you had a nice weekend yourself! 🙂

For now, I’ll go ahead and close up this ticket. If you have any other questions or concerns, don’t hesitate to return to the forums and ask for further assistance with things.

Cheers,
George

[George]

Hey @mawkkhan and Peter,

Apologies for the slight delay in response time here – the response from @mawkkhan came in on a Saturday and yesterday was a holiday here in the US that I took quite liberally, so these things coupled with a lot of laziness on my part left a delay in response times here. I’m really sorry about that, and appreciate you both being patient in me getting back to you. We try our best to maintain response times of less than 24 hours, and I’m really sorry for letting that slip here!

Now, as for the issue itself: I went back to http://wrgw.fccrockwood.org/shows/ and noticed a few things – first off, @mawkkhan is indeed correct that the JavaScript errors I posted before are now gone. However, some errors still remained that I’m unable to reproduce locally on my test site. Here’s a screenshot of those errors – https://cloudup.com/cn8vlTrHGZC

Interestingly, however, these errors didn’t seem to affect much actual functionality for me. On http://wrgw.fccrockwood.org/shows/, I was able to paginate with AJAX through the previous/next Month links without issue – things were a bit slow, admittedly, but the months loaded correctly and I was able to paginate back and forth. Here’s an animated GIF screenshot of what I found when I went to your site’s Month view → http://i.imgur.com/EZYpb0w.webm

So from here, I’m curious about how much the AJAX plugin you’re using is affecting things directly. Just to be 100% clear on that point, is this the plugin you’re using? https://wordpress.org/plugins/ajaxify-wordpress-site/

If not, please share the plugin and what URL you downloaded it from.

Also, @mawkkhan, you said:

Only what we need is the event callback function for the plugin.

Can you clarify exactly what callback you’re looking for here?

I’m really sorry for the delayed response and for some of my confusion about the extent of your issues here – your patience and any extra information you can provide to help clarify things here mean a lot!

Thanks,
George

[George]

Awesome! Glad to hear it.

As for the single pages, sorry I missed that in my first reply, I thought my original CSS would help there – and, in fact, it’s pretty close: basically, it seems that your theme is setting absolute positioning for anything with the .description class, so if you see wonky layout issues, that’s a likely culprit.

I’d recommend getting and learning to use a tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome – all you really need to learn is the “Inspector Tool”, which is very simple and easy to use. You can use it to hover over the element on your page that has the weird layout issues, and see what the problem is.

So, for example, when I did that on your individual event pages, that’s when I noticed the .description absolute-positioning bug that’s the problem here.

Which now leads to the CSS that should help! 🙂

.tribe-events-single-event-description.description {
    position: relative;
}

Apologies for a long-winded reply here, just wanted to try and do a bit of the old “teach a person to fish” instead of “give a person a fish” mentality, you know? I really hope you do look into those development tools I mentioned above, they’re fun but can also really take your power as a site owner / content producer to the next level.

Let us know if you have any other questions or concerns here – if not, and if that CSS I posted in this reply helps you out, then I’ll go ahead and close this ticket up.

I hope this CSS helps – let us know!

— George

[George]

Hey Peter,

Sorry you’re having trouble here – to be clear, when you mention “Navigating your ajaxified site”, do you mean using the “Previous Events” and “Next Events” links that appear in the main calendar view? If not, what specific things are you referring to?

I went to your site’s events page at http://wrgw.fccrockwood.org/shows/ and noticed a few things right off the bat: first off, for me, I wasn’t even able to see those “Previous Events”/”Next Events” links…with this in mind, and what you said about things working fine in the default Twenty Fourteen theme, I think it’s a pretty safe bet that your current theme is to blame for this problem. I also got a few JavaScript errors when I went to your Events page (screenshot).

Let me know about what exact AJAX pagination you’re referring to, as we might be able to help you with that, but in the meantime, I’d recommend contacting your theme developer for support. If you get a response from the theme support, let us know!

Thanks,
George

[George]

Hey Peter,

This looks like something that’s coming from your current theme, to me. Is it possible for you to try activating a default theme like Twenty Twelve (or Thirteen, Fourteen, etc.) and seeing how things behave in that theme?

Thanks!
George

[George]

Hey Seth,

Sorry you’re running into these issues – I checked out your links and adding the following CSS helped the layout for me:

.tribe-events-tooltip p.entry-summary {
    position: relative;
}

Try that out and see if it helps – adding it to the bottom of your theme’s style.css should be a good place to start. If it doesn’t help at first, try adding !important to the rule like this:

.tribe-events-tooltip p.entry-summary {
    position: relative !important;
}

Here’s how that helped for me → https://cloudup.com/cWKohzlFSpa

Let me know if that helps!

— George

• This reply was modified 11 years, 3 months ago by George.

[George]

Hey Varga,

Thank you for both your patience on this issue, and for the suggestion about making the AJAX pager links optional – this is something we’ve discussed before and are going to bring up in a future dev discussion.

I’ll close this ticket for now, but please be sure to keep a backup of that temporary solution I gave you and to bookmark this ticket or something – if you lose your customization in the future, you can refer back to this ticket to add it back again.

Thanks Varga!
George

[George]

Hey Varga,

Your patience has been really appreciated with this issue – I’ve been scratching my head to think of what the possible source of the issue is, but am going to seek some assistance from more experienced members of the Tribe dev team at this point.

We will keep you posted on what we come up with, and note that there is also another major update of the plugin coming soon. It’s possible that updating to that version when it comes out may help this issue, though since I don’t know the source of this problem yet, I’m not sure at all if the future update will help.

In the meantime, I’ve put together an admittedly-hacky solution that, while not very pretty, should help you keep things working on your site.

To use this solution, check out the code I wrote for you here → https://gist.github.com/momnt/af74245dfcfc9ab71ece

If you paste that into your theme or child theme’s functions.php file, then in the Month views on your site, that will make the links function like “normal” links – they won’t try to run the AJAX which doesn’t work on your site, they’ll just go to the previous and next month if a user clicks those links.

Be sure to remove any customizations you might have made to Events Calendar files, including any PHP files or JavaScript files. Ensure you’re running the plugin as it is “out of the box”, and then add my custom solution above, and things should work pretty decently.

Let me know if that custom code helps!

Thanks Varga

[George]

As for your original questions here Rachel, I’m curious, has the code that Geoff linked to above been helpful at all?

Let us know what you were able to put together with the information in those articles.

Thanks,
George

[George]

Hey Wendy,

On the link you posted, it seems like the code that Geoff mentioned above has not been added correctly to your site – here’s a screenshot of what I see, the code is being printed onto the page instead of actually running → http://i.imgur.com/AwhMmzx.png

To help keep things organized and ensure that we can solve your issues as fast possible, can you open up a separate thread on the support forums here? We’ll handle your issues there – be sure to elaborate on exactly what you’re trying to do, and exactly what changes you’ve made so far.

Thanks!
George

[George]

Hey @colinusher,

I was checking in on this ticket because it’s been stagnant for a long time, and am literally just seeing your comment here for the first time – I’m really sorry I didn’t see this earlier!

Are you still having issues? If so, please open up a new support ticket and we give you proper attention there, especially since it seems like a slightly different issue than the one in this ticket.

Enno, any progress or updates on this ticket? I will likely close it up soon since it’s been stagnant for a while now, but wanted to check-in one last time before closing it.

Cheers,
George

[George]

Hey James,

Just following up on this issue, it’s been sitting here a while – any progress on things? No worries either way, just wanted to check in.

Cheers! 🙂
George

[George]

Hey Harold,

Since this issue has been open for a while, I’m going to close it up for now – if you have other issues, don’t hesitate to come back and open a new ticket though! If you want to open another ticket related to the problems in this ticket, that’s certainly fine too – include a link to this ticket for context, and we’ll get back to trying to help you out.

Cheers!
George

[George]

Hey Roland,

Can you share a link to the event you created in the future?

Also, would there be any way now to do what I recommended above, where you deactivate every plugin other than Events Calendar and Events PRO on your site like you did before, and then activate a default theme like Twenty Twelve on your site? Just temporarily – I understand your site is public, and, if you can do this, we’ll work as fast as we can to minimize the amount of time the default theme is live on your site.

Cheers,
George

[Author]

Posts