Comments on: jQuery plugin: Add2Cart

By: Mr Strattera

Mr Strattera — Mon, 07 Nov 2011 12:03:26 +0000

Thank you, very useful plugin!

By: Animate from one element to another (jQuery plugin) – Friendly Bit

Animate from one element to another (jQuery plugin) – Friendly Bit — Sat, 18 Jun 2011 11:36:45 +0000

[...] looking for a jQuery plugin to do this (jQuery was already on the page, so why not?). I found add2cart – A plugin that looks good, but that misses a few features I wanted:The animation duration is [...]

By: Nitin Dhawan

Nitin Dhawan — Wed, 08 Jun 2011 19:15:43 +0000

doesnt work with chrome. any ideas?

By: Hani_

Hani_ — Wed, 24 Nov 2010 11:23:20 +0000

Nice plugin
Thx

By: 30+ Helpful jQuery Plugins For Design and Development |

30+ Helpful jQuery Plugins For Design and Development | — Mon, 26 Apr 2010 15:13:04 +0000

[...] Add to Cart [...]

By: MI

MI — Sun, 13 Dec 2009 15:22:04 +0000

Great plugin! works fine in Chrome and firefox but the location is off in IE 8. It’s taking the position of top left and not taking the image as a whole. Any ideas why?

By: Dede

Dede — Mon, 17 Aug 2009 16:18:29 +0000

Hi i’m trying out this feature and i’d like to call another function when animation finishes ?

Tried to use the “callback” =>
$.add2cart(‘img_src’,'img_dest’,functionToPlay())
but it doesn’t work ?

Any ideas about how to ?

Thx for the plugin

By: B Grimstad

B Grimstad — Thu, 23 Jul 2009 15:51:10 +0000

Response to brent:

You can remove the shadow div after the animation is done by modifying the script as shown below:

.animate( { opacity: 0 }, 200, function(){ $(this).remove(); //removes shadow after animation
} );

I’ve added an anonymous function that runs after the animation and calls .remove() on the shadow div.

Note: I could only get this to work with the animation speed set directly (e.g. by using 200 instead of { duration: 200}), any ideas why?

I suggest adding this to the next version of add2cart.

Sincerely, Bjarne.

By: Qphoria

Qphoria — Tue, 30 Jun 2009 14:38:03 +0000

A quick note…
The code:
—–
if( !shadow ) {
alert(‘Cannot create the shadow div’);
}
—–
will never trigger because even if source is undefined, you are still setting shadow = “#_shadow”, which then makes it an object, and therefore defined. This of course allows the script to continue and thus error out on the shadow.width function, as since shadow is “something” but its not a valid element. Your best bet would be to check that source and target are both valid before continuing

By: Skakunov Alexander

Skakunov Alexander — Mon, 01 Jun 2009 21:27:45 +0000

Zeb, paste your changes here please (put it in pre+code tags).