[phanie12Participant]

Hi,
We recently updated our site to the latest version of X, Cornerstone, and Visual Composer, but now the accordion modules aren’t opening on the site. You can see this behavior in the following page: http://hibiscusmooncrystalacademy.com/cch-enroll/

We were going to downgrade to the previous version of Visual Composer but the Frontend editor wouldn’t work properly in version 4.9.

Thanks for your help!

[RupokMember]

Hi there,

Thanks for writing in! I can see some JS errors on your console that’s causing by third party script – http://prntscr.com/b5816d

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

[phanie12Participant]

Hi Rupok,

I did what you suggested and narrowed the issue down to the WPBakery Visual Composer plugin. I tested every single one and this is the only one that causes JS errors to appear in the Firebug console. When I deactivate the plugin, the Accordion modules work perfectly, but the rest of the page doesn’t display properly because of all the shortcodes being used.

I’m running the tests on a cloned version of the site: http://hibiscusmooncr.staging.wpengine.com/cch-enroll/

[DarshanaModerator]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[phanie12Participant]

This reply has been marked as private.

[RadModerator]

This reply has been marked as private.

[phanie12Participant]

I’ve tested the site on several devices and it doesn’t work in Mozilla Firefox and Microsoft Edge. It seems to be working fine in Google Chrome for desktop and across mobile browsers (Chrome, Firefox, and Opera). I tested on different computers to be certain.

The issue with the Accordion in FF and Edge is that the accordion tabs are unresponsive. Clicking on them has no effect.

[RadModerator]

Hi there,

It works on Edge too, but I’m able to replicate it on firefox. The issue disappears when I disabled visual composer, so it must be a conflict between VC and accordion’s new structure.

Would you mind providing your FTP login credentials as well?

Thanks!

[phanie12Participant]

This reply has been marked as private.

[RadModerator]

This reply has been marked as private.

[phanie12Participant]

This reply has been marked as private.

[RadModerator]

Hi there,

Upon narrowing the search, the culprit is the content of the raw element. I created the duplicate http://hibiscusmooncr.staging.wpengine.com/cch-enrollment-test/ without those content and accordion works. I think those content need proper implementation of jQueryUI.

The content loads the jQueryUI which maybe loading another jQuery that overrides the WordPress’s built in jQuery.

Thanks!

[phanie12Participant]

Hi Rad,

You’re right. The script that is called as part of a third-party form does seem to cause some interference. Removing just the script portion of that form makes the accordions work properly again. However, I still think there may be some scripting issues with the theme. For starters, I’ve used these forms on other sites and haven’t run into these sorts of problems. Second, when I go to edit the page I get a script runtime error if an accordion element is present in Visual Composer. It doesn’t matter if the raw element is present or not, the error still pops up. Only Firefox seems to detect this.

Any ideas as to why this is happening?

Thanks.

[phanie12Participant]

Attached is a screenshot of the error.

[RupokMember]

Hi there,

Thanks for updating. Usually there is no such script conflict unless any third party script or plugin create conflicts. So make sure to deactivate all third party plugin to check the issue.

Cheers!

[Author]

Posts