VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: bockey on March 09, 2018, 11:15:40 AM

Title: FancyBox problem - unable to close
Post by: bockey on March 09, 2018, 11:15:40 AM
Hello, I'm preparing a VM site for my friend, and I have problem with displaying/scrolling product images. When I click on image, fancy box don't appear, and product image opens in new tab.

So I supposed that was some jquery conflict, so I installed jQuery Easy plugin. After some adjustments, product image appears as fancybox, but now I'm unable to go to next image or to close fancybox. It looks like freezed.

Does anyone know how to fix this?

my demo url: http://demo.saintartdesigns.com/lavender/
VM version: 3.2.12
Joomla version: 3.8.5
PHP version : 7.1.15

Thanks.
Title: Re: FancyBox problem - unable to close
Post by: jenkinhill on March 09, 2018, 12:50:19 PM
You have a JavaScript problem with the jquery.custom.fancybox.js file provided with youir template - you should ask the template developer, as this is not the default VirtueMart fancybox.
http://forum.virtuemart.net/index.php?topic=108212.0

You should not use jQueryEasy with Joomla3+ as it causes more problems than it solves.
Title: Re: FancyBox problem - unable to close
Post by: bockey on March 09, 2018, 13:58:52 PM
Kelvyn,

Thank you very much for your answer. I discovered that conflict was made by default_images_additional.php file from overridden /html/com_virtuemart/productdetails/ folder.

Can you just explain me how did you discover that jquery.custom.fancybox-1.3.4.pack.js file caused the conflict? I used Console from Developer Tools to investigate, but I haven't notice that conflict at all...

Thanks again, really appreciate.