Comments on: jQuery plugin: Add2Cart

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).

By: Zeb

Zeb — Mon, 01 Jun 2009 20:47:44 +0000

I tried to slow down the animation by changing the value of duration from 300 to 600 but the animation flickers and is not smooth.. any ideas?

By: Brent

Brent — Sat, 23 May 2009 16:23:05 +0000

Any idea how to remove the div from the target after the effect has completed. If it remains over a cart, all links to products in the cart are unavailable.

I tried shadow.remove() , that disables the animation.??

By: ultrono

ultrono — Wed, 25 Feb 2009 00:06:14 +0000

Really good plugin. Saw this type of effect (may even be the same effect) in a free ecommerce solution and liked it ever since.

Simple to implement and adds a bit extra to the site.

Many Thanks

By: Skakunov Alexander

Skakunov Alexander — Tue, 17 Feb 2009 11:07:39 +0000

Fab, I’ve applied your suggestions and updated the plugin. Thank you!