Hello,

I am configuring the Sportmart template to our website.

I can't get the zoom effect and modal popup working. When clicking om the main or additional images, the images opens directly in the browser (no fancy box or something).

When inspect the page with Google Chrome I only see 1 error.
Uncaught SyntaxError: Unexpected token , (see error and codeline in attachment).

I have tried to apply one of the patches in the plugin configuration and also install and configure the Jquery Easy component.

What can be wrong?

Hi,

Looks like Chrome got confused about error reporting. There is no comma in that line ;) that's semicolon and it is perfectly fine to use semicolon at the end of the line (in fact; not using semicolon would have caused syntax error)

I suppose your website is having a jQuery conflict problem. Most likely because of loading multiple jQuery libraries; or loading the jquery library "after" a jquery-dependent-plugin. Did you install a 3rd party plugin/component to SportMart? Since Joomla3.6.x already loads the jQuery library on top of everything, none of the plugins/components (including Virtuemart) should load any extra jquery library... if you have installed a 3rd party plugin/component, then check its backend parameters and look for an option to disable loading jQuery Library -- additionally you can look at your website source codes in the front-end and search for jquery.min.js See how many there are... there should be only 1 and it should be on top of all JS tags.

Please first try this method:

1- Disable the "jquery patch" from the Flexible VM3 Template plugin backend for ZoomEffect (select "No Patch")
2- Open the jQuery Easy plugin backend and have the "exact" same backend settings -- of course don't forget to publish the plugin ;)



In case still no luck; "unpublished" the jQueryEasy plugin and provide me the URL of your website and let me take a look at your website's source codes.

Regards.

Hello,

Thanks for your help.

I find out the line number from Google Inspect differs from the line rule in the source code.
In source code the line of the error is pointing to function jqFlexible.fn.flexibleZoom. I run a syntax validator on the code and saw there was no boolean entered for loadingIcon: (..... imageCrossfade: true, loadingIcon: , easing: true ....)
In template plugin I had disabled the zoom icon because I don't want this. But after enabling this setting all things are working well!! even the modal popup etc.

No errors anymore.

Kind regards,

I am glad everything is sorted out.

Case solved, topic is closed.

regards.