News:

Support the VirtueMart project and become a member

Main Menu

Make product images to popup?

Started by peaceandlove, October 17, 2013, 09:13:22 AM

Previous topic - Next topic

peaceandlove

Here is our test site http://mysite1.cluhost.info/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=36&virtuemart_category_id=20&Itemid=115

If you click on product image (top one) it will open in new window, I want to make it popup.

I donot think it template issue as in orginal template demo the image is popup but when i install the theme it opeining in new window.

As i migrated from vm1 to vm2 so might be its configuration issue, please do let me know how to make the images popup.

I know how to make images popup in description i need to make popup of images of the products.

jenkinhill

You have these JavaScript errors:
SCRIPT438: Object doesn't support property or method 'on'
bootstrap.min.js, line 6 character 1055
SCRIPT438: Object doesn't support property or method 'fancybox'
index.php, line 108 character 2

You have a bootstrap error on every page and something is conflicting to stop fancybox from working. Tyr turning off fancybox so it uses facebox in VM config. Also you are loading two different jQuery versions which could cause problems.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

peaceandlove

How can I solve those , I did not have any idea?

Jumbo!

The main problem is created by Uniterevolution Component installed in your site which is loading jQuery library after FancyBox script. jQuery is already loaded by VirtueMart so it is not required to be loaded again. So first disable jQuery in this component or disable the component completely. That will allow the FancyBox modal window to work properly.

However you still may face some problem with Bootstrap framework even after disabling jQuery in Uniterevolution component. That is because Virtuemart loads an older version of jQuery library (v1.6.1) and Bootstrap is compatible since jQuery Ver 1.7. To resolve that problem open components/com_virtuemart/assets/js/jquery.min.js in your site and replace all contents in this file by the contents from http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

This will resolve all your problems.

peaceandlove

Thanks Jumbo Its really help , so nice of you

jomercillo

I have the same problem, but i dont know what is creating the conflicts in jquery... Anyone can help?

this is my url of one product: http://www.mascotasyaccesorios.com/component/virtuemart/pienso-perros-advance/advance-cachorros/advanc-puppy-protect-initial-3-kg-detail.html?Itemid=0

Thanks you!