Hi,

I'm having trouble getting the following two items to work:
1. When in the Virtuemart front page (product page), the drop down menu does not show when mouse-over or mouse-click on the shopping cart. It work on every other page.
2. When in the check out page, I can not select the shipment method nor the payment method unless I check the "accept term and service" checkbox and click on the "Check Out Now" button. The shipment method and payment method selection show up in different page after I click on the "Check Out Now" button. I have the "One Page Check out" option checked in the setting.

My live site is www.mangalitsa.com

Thank you so much in advance.

Hi,

After couple days of searching and experimenting different settings. I think the issue might be JQuery conflict between the Joomla template I use and the CleanMart template.

When I turn on the JQuery in my Joomla template, I get the following errors:

TypeError: jQuery.fn.flexibleZoom is undefined
TypeError: jQuery(...)[_0x23fe[91]] is not a function
TypeError: jQuery(...).facebox is not a function
TypeError: $.facebox is undefined

But when I turn off the JQuery in my Joomla template, I get the following errors:

TypeError: e(...).on is not a function
TypeError: $(...).on is not a function


Any advice will be greatly appreciated. Thanks.

Hi,

I am still seeing some jQuery conflict issue in your website. Once those issues are gone, everything will work just fine.



Those 2 JS files (that you see in the screenshot) are creating the conflict issue. Most likely those conflict issues are caused by loading incompatible jQuery library. Virtuemart loads (officially) jQuery1.6 and requires it to run. Our VM Template - CleanMart doesn't load any extra jQuery library at all, but uses jquery1.6 which already gets loaded by the Virtuemart officially. Since the problem is not caused by our VM Template but caused by a 3rd party plugin (helix plugin due to incompatible jQuery version), our support ends here.

These JS files that creates conflict:
www.mangalitsa.com/plugins/system/helix/js/helix.core.js
www.mangalitsa.com/plugins/system/helix/js/bootstrap.min.js

are probably loaded by a plugin, called "Helix", what is that helix plugin? Is it a mandatory extension? Try to disable it from the "Joomla Plugin Manager".

Regards.

Hi,

Thank you so much for pointed out the JQuery conflict due to the version difference used by different template and module used in our website. That was very helpful.

Helix is a free Joomla template we use for our entire site (which uses JQuery 1.8). The option for us was either to drop Helix completely, or figure out how to make JQuery 1.6 and 1.8 co-exist. Luckily, we found JQuery Migrate, which allow us to load JQuery 1.8 as well as deprecated 1.6 features in a separate js.

We still need to do some testing, but as for now, no error shows up in firebug and everything seems to be running smoothly.

Thank you for the help. This issue has been solved.

Hi,

In an ideal way, loading multiple jQuery is not the best way, because each library is around 150 kb, means you are loading something extra in each page. But nowadays 100kb-150kb is nothing and can be loaded almost instantly with today's internet speed. Make sure to use Google as an external source to load both jquery1.6 and jquery1.8 (more info: developers.google.com/speed/libraries/devguide), don't use local jQuery files. You will increase the page loading speed a lot.

As long as they don't conflict each other (you don't see any console error in none of the pages) loading multiple jQuery libraries won't hurt.

I am marking the case solved and closing the topic.

Regards.
Support