month navigation doesn't seem to work

[Lou]

See https://steeplechasers.org/events/

When I hover over the August link under the month view I see the correct link address (in chrome this is displayed lower left), but when I click on it the page just jumps to the top of the page and does not load the next page.

[Geoff B.]

Good evening Lou and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the monthly navigation.
I would love to help you with this topic.

By the sound of it, it looks like there is some type of conflict at play.
This is usually because of:

1. A conflict with another plugin
2. A conflict with your WordPress theme
3. A template customization for the Events Calendar that requires updating

When it comes to that type of issue, it is preferable to troubleshoot in a staging environment if you have one.

A first quick test is to simply temporarily revert back to a default WordPress theme such as twenty-sixteen to see if the issue persists.

The next step would be to go through our testing for conflicts procedure and let us know what you find out.

Basically the goal here is to revert back to a bare WordPress installation to see if the problem persists. It also allows us to pinpoint what the cause of the issue is.

But, before you do that, there are 2 things I would advise:

1. Make a backup of your database
2. Consider activating a “Maintenance Page” plugin if you are doing this on your live site (to minimize impact on your visitors)

Let me know how that goes.

Geoff B.

[Lou]

Thanks for the quick reply. In sandbox.steeplechasers.org I switched to 2015 theme and the problem was not evident, so apparently this is a problem with the ‘steeps’ theme I wrote or some javascript I included. With that in mind I’ll try to debug. If you have any suggestions for this process would be appreciated.

[Geoff B.]

Good evening Lou,

I am glad you were able to make some progress.

The fastest way to troubleshoot would be to:

1. Identify if the issue is caused by a the Events Calendar customization file that needs updating / disabling
2. Identify if the issue stems from a script called by the theme (usually by dequeuing all scripts and bringing them back one at a time).

I can’t guarantee anything, but I can take a look myself.

Could you please send me a copy of the latest version of your WordPress theme / child theme via a link to a .zip file link (stored Dropbox or Google Drive) so that I can run some tests on my end ? I recommend a private reply for that purpose.

Please ensure you are using the latest files as found on your actual website.
This way I will get access to any updates or customizations you might have made.

Hang in there!

Geoff B.

[Lou]

Thanks for your offer.

I may do this but will wait until I have a chance to try to debug on my own. I don’t feel right asking you for help until I have taken that step myself. Having said that, if you are curious and have infinite spare time 🙂 the theme can be found at https://github.com/louking/steeps. There are a couple of expectations of the theme — I’m not sure how it will behave with an empty database.

I’m in the middle of another project, so will not be able to get to this for at least a few days, but maybe a week or two.

Thanks again.

• This reply was modified 8 years, 9 months ago by Lou. Reason: clarification, and pointer to theme repo

[Geoff B.]

Good evening Lou,

Thank you for writing back.

I would not want to rob you of an awesome troubleshooting adventure 🙂
In all seriousness, we do believe in empowering our users.

So please give it a shot and if you are running short on results, I would gladly like to take a look for you.

Let me know how that goes.

Best regards,
Geoff B.

[Lou]

I finally got a chance to look at this. In https://github.com/louking/steeps/blob/master/functions.php when I comment out https://github.com/louking/steeps/blob/master/functions.php#L347 the month navigation works.

Reference https://steeplechasers.org/events/

What I am doing is trying to control the html display before the rest of the page so I can display different headers for community events. For community events I determine the type of page in steeps_ce_determine_class_edit (https://github.com/louking/steeps/blob/master/functions.php#L298) or steeps_ce_determine_class_list (https://github.com/louking/steeps/blob/master/functions.php#L328). But for the month view I leave the event class as steeps-ce-class-unknown (https://github.com/louking/steeps/blob/master/functions.php#L280).

Based on this class my css displays the right header. (for reference starting at https://github.com/louking/steeps/blob/master/style.css#L1393)

This filter at https://github.com/louking/steeps/blob/master/functions.php#L342 wraps the “before html” in a [div] with my class.

What I do not understand is why this causes the month navigation to stop working.

[Lou]

The issue was that the #tribe-events div was opened in the “before-html” filter, and closed in the “after-html” filter.

My wrapping this completely within [div] … [/div] effectively closed the #tribe-events div rather than mine, so the on click event tied to #tribe-events was not processing.

Solution is to open my class div in the before-html filter and close it in the after-html filter.

For anyone following this discussion, the links I gave above cannot be edited, but can be seen in the https://github.com/louking/steeps/blob/6caca502bb9e6c128fd0a6718f172e866a9620b6/functions.php version.

This has been fixed in https://github.com/louking/steeps/commit/362ab43ad8426a1137e65c347bfc9935d72222d0

[Geoff B.]

Good evening Lou,

Thank you for writing back and sharing your findings.
This is pretty awesome and generous of you!

Kudos on figuring things out.

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts