View All not working on EC Pro

[Simon Groves]

Hi All,

I hope someone can help

We’re using the EC Pro plugin on a site we’re developing but oddly the ‘View As’ drop down isn’t displaying.

It loads then disappears. If I inspect the element I can see the following is applied from the plugins CSS.

#tribe-bar-views [name=tribe-bar-view] {
    display: none; 
}

I added a style to my own theme to display: block!important. Whilst it then appears, it then doesn’t function.

I’ve stripped out all CSS and any scripts in my theme but this makes no difference. I’ve gone through disabling all plugins but again, the same issue

It works on the 2015 theme though.

Any help is very much appreciated

Thanks in advanced!

[Nico]

Hi Simon,

Thanks for reaching out to us, and sorry to hear about this issue. Hopefully I can help you with it 🙂

Browsing the calendar page on your site I notice there are a couple of JavaScript errors in the console. If this works with Tweentyfifteen theme, I guess there’s a JavaScript conflict with your own theme.

To debug this, please comment out any JavaScript related code -importing external files in the template, queueing/dequeueing files in your functions.php file, custom code in the header/footer, etc- and test this again.

Please let me know about how this goes,
Best,
Nico

[Simon Groves]

Thanks Nico

From the 2 errors I can see:

Uncaught TypeError: $(...).on is not a function - /plugins/the-events-calendar/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js?ver=3.2

Uncaught TypeError: c(...).on is not a function - /plugins/the-events-calendar/src/resources/js/tribe-events.min.js?ver=3.11.2

They both seem to relate to the plugin rather than the theme code?

Any help is much appreciated though!
Thanks

[Nico]

Hey Simon,

Thanks for the quick follow-up!

I know they both seem related with our plugin, but if they are not present with TweentyFifteen theme I guess it’s something on your theme getting in the way.

Can you please try to comment out this scripts from the footer of the site? I guess that might be the source of the issue!

<!-- START OF SCRIPTS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<!-- scrolling arrow -->
<script src="http://www.porterswinebar.com/2015/wp-content/themes/porters_wine_bar/js/arrow88.js" type="text/javascript"></script>

<!-- instagram -->
<script src="http://www.porterswinebar.com/2015/wp-content/themes/porters_wine_bar/js/snapwidget.js"></script>


Thanks,
Nico

[Simon Groves]

Thanks Nico.

I’ve totally removed all scripts from our theme but still have the issue 🙁

[Simon Groves]

Hi,

I’ve managed to finally resolve the issue.

It seemed a line of code in the functions file called in another jquery library, this was causing the issue

I’ve removed this and viola! It now works

Thanks

[Nico]

Hey Simon,

Glad to hear you could solve this buddy 🙂

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Best,
Nico

[Author]

Posts