Joomla Templates Club 406,261 posts

[henryxutao Friend henryxutaoJoin date: August 2013Posts: 26Downloads:0Uploads:4 Thanks: 3 Thanked: 3 times in 1 posts]

#189934

In this template, in product detail page, when we click the “add to cart” button, there will be an animation, the main-image will shrink and fly to the right side shopping cart icon.
I’ve successfully added the “add to cart” button into the product category page, I want to add the animation too. But I can’t find the code or files related to this, can anyone help me please?
Thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#503233

Hi Henry,

We include a JS file that helps the ‘add to cart’ functions like that, it locates in /templates/ja_hawkstore/js/javmprices.js, you can have a look at it.

Regards

[henryxutao Friend henryxutaoJoin date: August 2013Posts: 26Downloads:0Uploads:4 Thanks: 3 Thanked: 3 times in 1 posts]

#503400

Thanks. This problem has been solved. This is really a fantastic template and the support is good too.
The code relate to the animation is in line 113:

if($('.productdetails-view.productdetails .main-image img').length>0){
flyToElement($('.productdetails-view.productdetails .main-image img'), $(".vmCartModule"));
}
if($(form).parent().parent().parent().find('div.vmproduct-image img').length>0){
flyToElement($(form).parent().parent().parent().find('div.vmproduct-image img'), $(".vmCartModule"));
}

If anybody want to check more about “add to cart” button in product category view page, you can read my post here.

[Author]

Posts