Support

Home Forums Events Calendar Add-on Tool Tip Not Working on EE 44.6.25.p Calendar Hover

Tool Tip Not Working on EE 44.6.25.p Calendar Hover

Posted: May 10, 2015 at 11:07 pm


WASUPYoga

May 10, 2015 at 11:07 pm

Hi,

We have our calendar set up and have tried all possible settings, but the tool tip won’t appear on hover on our events calendar. We’d also like to display attendee limits, but that’s not appearing either.

Can you help?

~Melissa


WASUPYoga

May 10, 2015 at 11:08 pm

Website: http://wasupyoga.com/online-sign-up/sup-yoga-class-registration/ (Events start in June — you’ll need to scroll through to get to them).


Dean

May 11, 2015 at 6:59 am

Hi,

The tooltips are appearing, but for some reason, they are being thrown off the side of the screen. There are no errors showing, so it is likely a conflict with another plugin.

Can you try disabling all plugins except EE and the EE calendar and see if the issue persists.

If it DOES persist, please test with a default theme such as Twentytwelve (the Theme Test Drive plugin is very useful in this situation).

If the issue does NOT persist after disabling all the plugins, then it’s a plugin conflict. Please re-activate them one by one, testing the calendar tooltips (remember to refresh the page) each time you activate one. This should lead us to the culprit.


WASUPYoga

May 11, 2015 at 1:38 pm

Thanks, Dean!

I followed all of your advice and it looks like it’s something with the theme (disabling the plugins didn’t improve things; trying things with TwentyTwelve did).

So, changing the theme is not an option. What else do you suggest for a next step?

~Melissa


WASUPYoga

May 11, 2015 at 2:06 pm

One more thing —

When I was looking at the Attendee Limits in the calendar when I had the other theme activated, I noticed that the number it gave for the spaces was the total number of available tickets — not the LIMIT for the event.

For instance, we have several ticket options and each one has a quantity of 10 (except for the default which has a quantity of 100) — but the event has a limit of 10 tickets total.

Instead of showing that there are 4 spaces out of 10, it says that there are 4 spaces out of 170. How do we get it to show the event limit, instead of the combined total quantity of available tickets?


Lorenzo Orlando Caum

  • Support Staff

May 11, 2015 at 2:42 pm

Hi, I don’t think I’ve seen this before. I see the tooltip in the bottom right and when I try to inspect it, it quickly scrolls down and continues to do so as I move closer with the mouse.

Does your theme have an option to temporarily turn off the take you back to the top of the page link button?

http://cl.ly/image/0b3I1B0U1611


Lorenzo


WASUPYoga

May 13, 2015 at 7:00 pm

Hi —

I disabled the button — and still have the issue. πŸ™

We’re using Event Espresso on three sites that all use the same theme. It seems that we can get the tooltip to appear on the first row of the calendar (if we only have one event that day), but otherwise it isn’t visible.

(The site is live, so I’ve also removed the Display Attendee Limits from the Tooltip, as it is giving the incorrect number of total spaces. The whole reason we need the tool tip is so that customers can see the amount of available spaces on the calendar — important because they may be registering a group of people. If we can’t get the spaces to show the class LIMIT for each Datetime, rather than the total of all of the ticket quantities combined, the Display Attendee Limits feature is of no use to us…).

Any other ideas — for both issues?

~Melissa


Lorenzo Orlando Caum

  • Support Staff

May 14, 2015 at 9:08 am

Hi, on your second question on the limits, that can’t be changed since its part of the core calendar plugin.

This first issue appears to be related to your theme.

Did you already try deactivating other plugins to rule out a conflict there?


Lorenzo


WASUPYoga

May 15, 2015 at 3:50 pm

I did. πŸ™

For the attendee limit display (my second question), is there a way that we can modify the code so that it only shows the Registrations number (and then change the term “Registrations” to “Board Reserved”?) — this still isn’t ideal, but will be a workaround that we could live with for now. The Attendee Limit Display is something we require — and we figured that we wouldn’t lose this capability in upgrading to EE4.


Josh

  • Support Staff

May 19, 2015 at 9:22 am

Hey Melissa,

I can try to help you work out both issues here.

So for issue where the tooltips are pushed off to the side, what’s likely happening is there’s some CSS or JavaScript code in the active WP theme that’s changing the placement of the tooltips. The way forward here is find the code, and neutralize it for the calendar page. Do you have a JavaScript developer on your team that can look into this? If not, if we can get a copy of the theme we can investigate.

On the other issue with displaying the attendee limits, this sounds like it can be fixed by inputing the same maximum ticket number, in total, for the datetime and the tickets that allow access to that datetime. When you offer more tickets than the actual number of spaces available for the datetime, then the calendar will add the extra tickets to the available spaces limit in the calendar tooltip.

Alternatively, we could look at making a change to the calendar code so instead of totaling up the number of available tickets for one event, it instead shows the datetime limit. Which would make sense for how you’re using the tickets + datetime limits.

We’ll need to discuss a change like this one internally because this may cause some trouble for other people using the calendar. We know that on some sites they have it set up where the total number of tickets available = the number of spaces available, and because the calendar displays the actual number of tickets left, they don’t have to total up all the tickets available for each datetime. Not having to total up all the ticket quantities makes it easier to set up events with lots of tickets options for those use cases.


WASUPYoga

May 20, 2015 at 6:21 pm

Thank you so much for your reply, Josh — and for the offer of assistance. We will take it! πŸ™‚

For the record — so it doesn’t seem like all I do is complain — several of the changes that you’ve made for this version of EE have been very helpful to us. I think EE is on the right path for us to use it into the future. (If you can get the Recurring Events add-on done by this time next year, it will be nearly perfect for us… as I just finished inputting 1,000 events for our surf shop! Exhausting!).

Unfortunately, we don’t have a JavaScript Developer on the team — it’s just me and my very rudimentary coding skills (basic HTML/CSS). I would be happy to send you a copy of the theme, so you can take a look. We use the same theme on all three of our sites that use Event Espresso (surfballard.com, wasupyoga.com, wasurfacademy.com), so if we could figure this out, it would be incredibly helpful.

With the attendee limits issue, we have several tickets for each event. The attendee limit for the event is 10 people and we want to make sure that people can purchase up to 10 of any of the available types of tickets available (until the event is filled). I’ve entered 10 as the limit for each ticket type, so that people have that option. However, we want people to know that 10 is the actual limit of attendees for the class. As I understand it, if you put the ticket limit as 10, all it means is that any attendee has the choice of purchasing up to 10 of the ticket, if the spaces are still available. If the Attendee Limit is 10, and 5 tickets have been purchased, people will only have the option of purchasing 5 of a particular ticket.

You can see an example of our set up, here: http://wasurfacademy.com/events/group-sup-lesson-16/

Now, instead of showing that there are 10 seats available for an event, it shows that there are 20 (because it adds up each ticket quantity of all of the possible available tickets). So, yes, using the Attendee Limit amount on the Display Attendee Limits, would be helpful to us.

Anyway, let me know what we can do to move to the next steps. I really appreciate your reply.

~Melissa


Josh

  • Support Staff

May 22, 2015 at 7:56 am

We can take a look at the theme if you can upload a zipped copy to a service like Dropbox and link to the file here, or you can try to email it to support@{thisdomain.com}.

^^ Please note you’ll need to swap the brackets and thisdomain.com with the domain of this website. (I’m not trying to make things difficult, just trying to prevent spam).


Josh

  • Support Staff

May 29, 2015 at 12:20 pm

Hi Melissa,

Thanks for sending the theme. It turns out to be a simple little CSS fix, but it’s a bit of an odd one. Here’s what’s going on:

The WP theme sets the entire body to position:relative; with this style rule found in style.css starting on line 3586:

body {
  background: #ffffff;
  color: #707070;
  font: 16px/24px 'Roboto', sans-serif;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow-x: hidden;
}

The qtip divs are not nested within any divs within body, so having body set to position:relative messes up the positioning of the qtips. You can even see how the qtip will follow the page up and down in you open a tooltip and scroll the screen up and down.

Anyway, the fix I can recommend is apply position:static to the body element for only the pages that have the calendar on them. So for the calendar page you linked to here, you’ll add this to your custom stylesheet:

body.page-id-7077 {
  position:static;
}

You’ll need to make sure you match the page id’s for the other sites that use the same theme. You can find the page ID for the other sites’ calendar pages by either viewing the source of the page and look for the body class, or go in and edit the page. The ID will always be in the URL of the browser when you edit the WP page.

I’m also working on a filter for the spaces available issue, so I’ll update you on that when we have something you can use.

In the meantime, the above CSS fix will get the tootips displaying in the right location for you.


WASUPYoga

June 1, 2015 at 3:16 pm

Thank you SO much, Josh! I really, really appreciate all of your assistance on this. Let me know when the spaces available issue has a fix. πŸ™‚

~Melissa


Josh

  • Support Staff

June 5, 2015 at 7:31 am

Update:
The latest update to the Calendar add-on has a change to the way the max limit is calculated. It will now pull in the datetime’s set max limit, if there’s a limit set for the datetime.


WASUPYoga

June 5, 2015 at 11:51 am

Thank you SO much! You have made my week! I will install the latest update on Monday and report back.

Thanks again for being so responsive on this issue!

Best,
Melissa


Lorenzo Orlando Caum

  • Support Staff

June 5, 2015 at 4:24 pm

Thanks Melissa. Please let us know how it works out for you.


Lorenzo

The support post ‘Tool Tip Not Working on EE 44.6.25.p Calendar Hover’ 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