Hi i was just wondering if someone had an ajax/jquery cart update module or instructions. I love the look of nopCommerce but would really love it if add to cart didn't have to leave the page.
Cheers,
Tom

This takes a bit of work. I'm currently working on making this a reality, just working out the bugs now.

Do you want some instructions on this after I've finished making it work?

B

I would love to have this feature too.

I think the conversion rate will be higher and customers will purchase more if they don't get moved the shopping cart page each time they add an item to the cart.

Thanks for working on this and if you someone to test for you let me know.

I would love to know how to get that working!.. It would definitely have an impact on the conversion rate as customers wouldn't be leaving the category they're in every time..

the funny thing is that most standard php carts have ajax add to cart functionality.. i know you could do something like wrap the category in an update panel and the cart at the top in an update panel.. but it'd be nice to get notifications etc.. larry attempted something with a modal window but the main issue with that implementation is it's a modal window and nothing gets added to the cart until you press the button on the modal window.. so it's really just adding another add to cart button..


something like lemonstand.com or all shopify carts have it.. but asp.net rocks and nop is such an awesome implementation and the templating is excellent! i love nopCommerce and would love to get some of the guys at work to help with the feature but they're all crazy busy as always! haha

This is not ready for prime time at all, but if y'all want to go and check out the cart "in progress" then feel free to head on over to:

http://www.sendmycomics.com/category/2-july-2010.aspx

I'm trying different things right now. I'm currently using jQuery's post and load "shortcuts" for Ajax functionality. I'm also using a script for better alerts that I pulled off some website (abeautifulsite.net). I also use a script that I got from jQuery for designers that allows the mini cart box to follow the customer when they scroll to the bottom of the page - that way the customer can always see what is in their cart.

It may be due to the fact that I'm not done polishing it yet, but when you click the "add to cart" button it seems like it takes a long time sometimes to populate the mini cart... still working on speeding that up. What I've got so far does this...

1. User clicks add to cart button
2. jQuery posts to an "add to cart page" without leaving the current page and the item gets added to the cart.
3. jQuery loads the "mini cart" page with an updated cart into where the mini cart is on the current page without reloading the whole page.
4. The items number on the top of the page - Shopping Cart (3) - gets updated as well.
5. The add to cart button changes to "in cart" button - still working on that functionality.
6. If a customer tries to add and item that is out of stock ( item number 3 on the link I posted), then the page tells the customer that it is out of stock and asks if they want to add it to their wishlist.
7. If a customer tries to add more quantity of an item than you have in stock, it tells them the quantity they are allowed to order and asks them to change it... providing a textbox in the pop up for them to enter the new quantity in.

Like I said before, this is still in production and testing mode, so be warned. Let me know if you find anything that is not working or could be improved. BTW I know my account page is broken right now. :)

Thanks!

B

bfranklin825 wrote:
I just trues your site from my iphone and it works fine.
Brilliant! It is exactly what is needed to get conversion rates up.
There is a Danish site that has a little extra function - it shows how many products are in the cart of the current product, and if the product is in the cart, a minus and a plus sign is also shown. This way the customer gets the responce directly next to the Burton they just pressed. So the cart Can stay fixes.
You Can se the functionality on http://www.superbest.dk/forside

Best regards
Thomas
http://www.slikfabrikken.dk

Thomas,

I like that button, but it would require more work to do the add, subtract and quantity on the same button; and my customers aren't going to be wanting multiples of items too often, so I don't think it would be worth it for me to do the work. I put a quantity box in there just in case, but multiples are a rarity. Also, the quantity on the button only shows the quantity for THAT product, not the whole cart... I'd still like to see what is in the whole cart.

Thanks for checking it out!

B

Right you are. It is only usefull if you sell low priced products like in a online supermarket or a candy shop like our own.
If you can find the time to share your solution at some point, it could help me a lot. ( I have been programming for more than 20 years, but never before used jquery - maybe now is the time to start! )
In any case, thank you for taking me this far.

Best regards
Thomas

I like it! Will you be publishing your work and/or submitting it to Andrei or is it for your store only?

I am going to post a detailed explaination of what I've done once I get it all worked out. I'm all about sharing. Right now I'm just trying to figure out the best combination of code to make it run as smoothly as possible. I'd love to submit it to Andrei once I get it finished, but I don't know how to do that.

B