Simple Calendar Plugin Breaks Theme Slider

Resolved trebolde4
(@trebolde4)

9 years, 10 months ago
Hello,
I’m working in a music news website (http://www.rocola.cl) with a theme called Lets Blog, from ThemeGoods. I’m trying to add a calendar synchronized with Google Calendar to my website, but when I activate this plugin called “Simple Calendar” (https://ww.wp.xz.cn/plugins/google-calendar-events/), it breaks the theme home page slider. The arrows to change from one month to another in the calendar neither works. When I inspect the source code of the slider zone with Google Chrome, it throws the following errors:
```
waypoints.min.js:161 Uncaught TypeError: Cannot read property 'top' of undefined
waypoints.min.js:161 Uncaught TypeError: Cannot read property 'top' of undefined(anonymous function) @ waypoints.min.js:161each @ jquery.js:2(anonymous function) @ waypoints.min.js:157each @ jquery.js:2t.refresh @ waypoints.min.js:156(anonymous function) @ waypoints.min.js:361each @ jquery.js:2refresh @ waypoints.min.js:360n.(anonymous function) @ waypoints.min.js:471t @ waypoints.min.js:75
```
waypoints.min.js:161 Uncaught TypeError: Cannot read property ‘top’ of undefined
The support team of the theme told me that was because of a conflict between the waypoints.min.js file of the theme and the plugin. The following are the lines 157-161 (where the problem is reporting in the error) of that file:
```
return n.each(t, function(t, e) {
                    return n.each(i.waypoints[t], function(t, r) {
                        var i, o, l, s, f;
                        i = r.options.offset;
                        l = r.offset;
                        o = n.isWindow(r.element) ? 0 : r.$element.offset()[e.offsetProp];
```
Another detail that maybe is important is that the slider works perfectly in the mobile version of the site. Also if I make the window very small, load the page and then I maximize the window, it works perfectly.
I don’t know much about JavaScript, and this is a non lucrative project, so we can’t afford paying for a customized dev support. I will appreciate your help.
Thanks in advice,
Thomas

Viewing 15 replies - 1 through 15 (of 15 total)

Thread Starter trebolde4
(@trebolde4)

9 years, 10 months ago

In the following link you can find the full waypoints.min.js file:
http://www.rocola.cl/wp-content/themes/letsblog/js/waypoints.min.js
Thanks Again!

Plugin Contributor Nick Young
(@nickyoung87)

9 years, 10 months ago

Does it work correctly when the theme is set to a default WordPress theme like Twenty Sixteen?

Thread Starter trebolde4
(@trebolde4)

9 years, 10 months ago

Just tried with Twenty Sixteen and the arrows of the calendar don’t work. But there’s no javascript errors in the Chrome Inspector Console.
Just try to deactivate all plugins, leaving only Simple Calendar Activated, but the arrows still don’t work.
Thanks,
Thomas

Plugin Contributor Nick Young
(@nickyoung87)

9 years, 10 months ago

Ok I would also test the plugins then too: http://docs.simplecalendar.io/troubleshooting-theme-plugin-widget-conflicts/

Let me know if you find anything.

Thread Starter trebolde4
(@trebolde4)

9 years, 10 months ago

Just did it. Still the same, the arrows don’t work. I edited the last message.
Thanks again,
Thomas

Plugin Contributor Nick Young
(@nickyoung87)

9 years, 10 months ago

Do you have a link to a page where I can see it? I just went to your site and all I see is the shortcode as if you disabled the plugin.

Thread Starter trebolde4
(@trebolde4)

9 years, 10 months ago

Now is online: http://www.rocola.cl/index.php/agenda/

Plugin Contributor Nick Young
(@nickyoung87)

9 years, 9 months ago

What do you have for the theme setting in your calendar settings? Light or dark? Should be set to “light”.

Thread Starter trebolde4
(@trebolde4)

9 years, 9 months ago

Thanks! Now the arrows work properly.
I’m still having problems of compatibility with the slider of the theme though. It doesn’t show if the Simple Calendar Plugin is activated. Is there a simple solution for that?

Plugin Contributor Nick Young
(@nickyoung87)

9 years, 9 months ago

That might be an issue with the slider. Have you tried contacting the theme developer?

Thread Starter trebolde4
(@trebolde4)

9 years, 9 months ago

Yes, but they don’t support compatibility issues. They told me to contact the plugin developer. They told me I have to edit the plugin, not the theme.
I hope that there is an easy way to do this, I don’t know much about about javascript, but probably is a really easy problem. In the first post I give all the specifications.
Thanks!

Plugin Contributor Nick Young
(@nickyoung87)

9 years, 9 months ago

Well it appears to be an issue with the theme JS and not with our plugin JS. Did they give you any specifics at all to why they think it is our fault?

twentyfour
(@twentyfour)

9 years, 9 months ago

This seems to be happening to me to, I use the slider for news on homepage, and it seems to make all the news entries disappear once the Simple calendar plugin is enabled. Someone fixed it for me once, but the same fix doesn’t seem to work after the update I guess.

Any ideas?

twentyfour
(@twentyfour)

9 years, 9 months ago

Damn, just remembered what it was…
Try this, it worked for me.

Just comment up everything in this JS file:
/wp-content/plugins/google-calendar-events/assets/js/vendor/imagesloaded.pkgd.min.js

Best,
B.

Plugin Contributor Nick Young
(@nickyoung87)

9 years, 9 months ago

Hello,

We are going to assume your issue is resolved since we have not heard back from you in a while. If you are still having an issue please don’t hesitate to reach out.

Thanks!

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Simple Calendar Plugin Breaks Theme Slider’ is closed to new replies.

Tags