Safari & Firefox List View Errors

[Annette]

Hi,
Our calendar at https://idahohighcountry.org/events/ is working fine on Chrome, Edge and IE, but there is a glitch on Firefox and Safari that are causing a random event detail to appear at the top of the main events page in our default List View. Then when you scroll down you can see the main calendar list. If you click on the name of an event or “Find out more” it just reloads the same main event page with the random event details at the top again. It also lists the entire calendar list twice.
The search bar also shows the List link many times and the Events From drop down shows Events from several times as in the image.
Please help ASAP. Our website just went live and we are already having complaints. I will try disabling my plugins after I find out if there is a quick fix.
Thanks,
Ann

[Annette]

After cleaning my caches and refreshing the page it is also misbehaving on MS Edge and IE now. I can’t get it to happen on Chrome. I have disabled all unnecessary plugins until tonight when no one is on the website but that didn’t help. I know your calendar requires PHP 5.5 or above and GoDaddy Managed WordPress is stuck on PHP 5.4 but it was working great a few days ago on 5.4. Has anything changed on your end in the last week?
Here is a video of the problem made by a visitor so I could see what was happening on his Mac with Safari.
https://www.youtube.com/watch?v=YQd8gDBfH6c&feature=youtu.be
Thanks again!

• This reply was modified 9 years, 8 months ago by Annette.

[Annette]

I disabled all of my plugins except for yours and essential ones which made no difference. Then I switched my template theme from Ait’s City Guide to Twenty Sixteen and the issue went away. Ait updated their theme a few days ago which must be causing problems with your plugin. I will contact them and see if they have a fix.
Sorry for bothering you so much but maybe someone else will have the same issue.
Thanks again, Ann

[Geoff B.]

Good morning Ann and welcome back,

Thank you for reaching out to us and being so thorough in your testing.

You are absolutely right, it does indeed look like this is a theme conflict.
If nothing else, you might be able to fix this by downgrading to the previous version of their theme.

In the meantime, could you please send me a copy of the latest version of that theme in a .zip file (in a private reply) via a dropbox or Google drive link ?

Hang in there!

Best regards,

Geoff B.

[Annette]

This reply is private.

[Geoff B.]

Good evening Ann,

Thank you for the files. This allowed me to run some tests.

The good news is I have found the cause of the page titles disappearing under certain browsers (e.g.: Safari).

The culprit is a glitchy CSS rule. Please add the following rule as a workaround until we fix that:

.tribe-events-list h2.tribe-events-list-event-title {
display: inline !important;
}

As for the second issue (the links not leading to the correct events or venue), I can see the issue on your install, but I am unable to reproduce it using your WordPress theme.

This leads me to believe that specific issue might be lying elsewhere.

As such I have a bunch of follow-up questions for you:

1. Could you try re-saving your permalinks (without changing them) ?
2. Could you tell me what your settings are under Events -> Settings -> Display for Events template ?
3. Do you actually have any Event created using the theme’s built-in “Event” post type ? The reason I am asking is because our plugin usually requires complete exclusivity over the following slugs (unless you change them in Events -> Settings -> General):
   1. https://idahohighcountry.org/event/
   2. https://idahohighcountry.org/events/

Let me know how that goes.

Best regards,
Geoff B.

[Annette]

This reply is private.

[Annette]

I decided to use your “Make links to an event go straight to the Event Website URL” hack at https://theeventscalendar.com/knowledgebase/make-links-event-go-straight-event-website/ to avoid most of the problems. Also, how do I make them open in a new page?
The venues links are still causing problems because I can’t get the code for venue.php to work. Where exactly in the file do I paste the code?
Thanks again!
Ann

[Geoff B.]

Good evening Ann,

Thank you for that super thorough and detailed feedback and kudos for running all these tests!

At this point, if I am not mistaken, the “white” hover issue is gone, but the link issue persists.
Can you confirm ?

This issue started about the same time I installed our SSL certificate so all urls start with https. It goes away when I change themes to any of the default themes.

I believe this might be at play. Could you expand on how you handled the changes of URLs from http to https on your install ? (via an SQL conversion script ? simply changing the site’s address in Settings > General ? Etc..)

The other thing that might sometimes interfere are redirection plugins (I am not sure how this one is configured, but I am pretty sure that even when you deactivate the plugin, the rules it writes in your .htaccess file stay there).

I still believe there is a good chance we can solve the issue by looking at these 2 points.

With that in mind,  I have to say that you came up with a very nice workaround.

I’ll have to ask if we can extend the snippet to open in a new tab. I’ll get back to you on this.

As for the Venue code, you have to do a template override / customization. As the knowledge base article suggests, you might want to read our Themer’s guide to get a sense of how that works.

In a nutshell:

1. You make a copy of the venue file
2. You upload that file in [yourtheme]/tribe-events/meta/venue.php
3. You tweak that file according to the instructions

Let me know how that goes.

Best regards,
Geoff B.

[Annette]

Hi,
We just changed the address in our WordPress Settings when GoDaddy activated the SSL certificate.

I disabled all redirections that had the word ‘event’ in it and flushed my cache and that didn’t help. They are all redirected to /events/.

301 /?url=http%3A%2F%2Fwww.seidaho.org%2Fevents.htm&utm_referrer= (accessed 43 times)
301 /?url=http://www.seidaho.org/events.htm (accessed 21 times)
301 /events.htm (accessed 1202 times)

(The redirects with /?url=http are from our old Dudamobile website.)

Venue links:
The code on https://theeventscalendar.com/knowledgebase/themers-guide/ looks like it changes the Venue Title Link on the single event template. I need it to open it the main Events page so that people don’t get caught in the issue. Is there code I can put in my functions.php file for that or could we edit the code for “Make links to an event go straight to the Event Website URL”?
Thanks again for your help!
Ann

[Geoff B.]

Good evening Ann,

Thank you for your answers.

We just changed the address in our WordPress Settings when GoDaddy activated the SSL certificate.

In certain cases simply changing the address in the WordPress settings is sufficient.
But in my experience, there is also plenty of other data to update in the Database for things to go smoothly.

You can read all about it here: https://css-tricks.com/moving-to-https-on-wordpress/

Personally I tend to simply use a Database migration plugin, if you like that better.

Venue links:
The code on https://theeventscalendar.com/knowledgebase/themers-guide/ looks like it changes the Venue Title Link on the single event template.

Actually, the meta module is called from the single event template. So changing it there would be the simplest way to do it.
In fact, this is what our Dev team suggested.

That being said, I am still awaiting an answer to the previous request to open the links in a new tab.

Unfortunately, this might be delayed until Tuesday due to the labor day holiday on Monday and the fact that we are closed on weekends.

Thank you for your patience and understanding.

Have a good week-end,

Geoff B.

[Geoff B.]

Good afternoon Ann,

I believe the following snippet will force the links to open in a new window: https://gist.github.com/GeoffEW/4406403775fe4efab39b9d5baae757ae

Let me know how that goes.

Best regards,
Geoff B.

[Annette]

Hi,
Thank you! That worked for the venue detail page link but not on the main Events page at https://idahohighcountry.org/events/. Was it meant to work on the event links that I made bypass the details page and go directly to the event’s website? You are going so far above and beyond any other plugin author I have worked with. You guys rock!
Thanks again,
Ann

[Geoff B.]

Good evening Ann,

I am glad it worked at least partially for you!
Thank you for your awesome words.

The snippet I provided was meant to address our most common link types.
It might have to be adapted depending on how you have customized your view.

I believe the simplest thing would be to send me a copy of your template customization in a .zip file link (via Dropbox or Google Drive) so that I can run some tests on my end ?

Have a great day!

Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts