Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: Zooming effect doesn't work as showed in demo.

Zooming effect doesn't work as showed in demo. 11 years 5 months ago #1136

Please see www.riversmedia.org.
Login at lowerright:
username: guest
password: guest

then SHOP menu will show up.

The image will just show and the other text disappear like just opening the image to a different tab not like the effect in the demo.
Please help.

THanks,
jp
The topic has been locked.

Zooming effect doesn't work as showed in demo. 11 years 5 months ago #1140

You have only 1 single product in your Virtuemart section, and that product has NO picture at all..
Upload a picture to that product.

Cheers.
The topic has been locked.

Zooming effect doesn't work as showed in demo. 11 years 5 months ago #1183

I am not sure what you say by 1 single product. You should see a couple of them.
Can you give me the URL you are saying that there is only one?

Here's one example:
www.riversmedia.org/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=43&virtuemart_category_id=5&Itemid=179
The topic has been locked.

Zooming effect doesn't work as showed in demo. 11 years 5 months ago #1194

Hi,

Okay, now i can see the products.
Actually not just zooming, but nothing that requires jQuery Library is working in your website. Probably the "add to cart" button won't work is you enable the "Display modal popup upon 'Add to cart' ". And it will be the same even you eliminate our VM Template from your website.

Because your Virtuemart doesn't load the necessary jQuery at all.
One of your component is loading jQuery: components/com_gcalendar/libraries/jquery/jquery.min.js
but this is jQuery 1.8.1 and it is extremely new for Virtuemart. And what it is the by the way? why it is trying to load the internal jQuery in the Virtuemart related pages?

Virtuemart was designed to work based on jQuery1.6.4, and this is why it loads jQuery1.6.4 by default (officially)
Therefore, our zoom effect work was designed to work with that jQuery, because it is loaded by Virtuemart by default.

Please have your Virtuemart to load that jQuery from Google API Library. Browse your Virtuemart Backend, click "Configuration" then click "Templates" Tab and look at the screenshot.

PastedImage1114121234PM.gif


After you enable those settings, make sure that jQuery1.6.4 is loaded within Virtuemart. The Zoom effect should start working then.
About the other jQuery (which is loaded by com_gcalendar, i don't know what you have to do with it. But it shouldn't be loaded in Virtuemart. Because your Virtuemart will load jQuery1.6.4 and this component will load jQuery1.8.2 most likely you will end up with an JAVA conflict issue.)

IF those settings already "checked" in your Virtuemart's configuration, than it means you have a plugin that limits the jQuery loading. Because there are this kind of plugins, they let the website to load only 1 jquery and block all the others. You shouldn't have this plugin. Or you shouldn't have multiple jQuery in a single page.

Cheers.
The topic has been locked.
Time to create page: 0.073 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo