Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

AJAX based Shopping Cart
 
edmondscommerce
Guru
 
Avatar
Total Posts:  342
Joined:  2008-08-26
 

Ajax Pro cart from Ahead works can also help. Supports the delete functionality as well. May wanna check it out here:

http://www.magentocommerce.com/magento-connect/aheadWorks/extension/1185/ajax-cart-pro

 
Magento Community Magento Community
Magento Community
Magento Community
 
MageWorxcom
Guru
 
Avatar
Total Posts:  410
Joined:  2009-06-03
Washington DC Metro Area, US
 

Hi,

Instant Cart v1.1.0 released. Now it’s possible to show Cross-sells product right in AJAX pop-up.
https://www.magentocommerce.com/magento-connect/instant-cart-extension.html

 
Magento Community Magento Community
Magento Community
Magento Community
 
yhtwork
Jr. Member
 
Total Posts:  2
Joined:  2010-10-17
 

see http://down.docrss.com

 
Magento Community Magento Community
Magento Community
Magento Community
 
brakehoney
Jr. Member
 
Avatar
Total Posts:  1
Joined:  2010-10-24
 

Would love to see this materialize guys… keep it up

 
Magento Community Magento Community
Magento Community
Magento Community
 
PapersInn
Jr. Member
 
Total Posts:  1
Joined:  2010-11-22
 

thanks for such an informative material and it is productive in nature

 
Magento Community Magento Community
Magento Community
Magento Community
 
Boldbaber
Jr. Member
 
Avatar
Total Posts:  25
Joined:  2010-05-30
 

Here is my JS:

function ajaxCartAddProduct (productAddToCartFormId) {

if (productAddToCartFormId) {
var form = jQuery(’#’ + productAddToCartFormId);
} else {
var form = jQuery(’#product_addtocart_form’);
}
var inputs = jQuery(’:input’).serialize();
var infoMessage = jQuery(’.ajax_cart_info’);
var addButton = jQuery(’.form-button-cart’, form);
var content = jQuery(’#ajaxcart’);
var container = jQuery(’#ajaxcart’);
var targetOffset = form.offset().top;
var highslide = jQuery(’.highslide-container’);
var error = jQuery(’#ajaxcarterror’, form);
var success = jQuery(’#ajax-cart-added’);
var carterror = jQuery(’#ajax-cart-error’);
var removed = jQuery(’#ajax-cart-remove’);

content.html(’<br/><div align="center"><img src="http://www.ilovejeans.com/skin/frontend/default/default/images/ajax_cart_loading.gif"/><br/>Updating cart...</div>’);
success.hide()
carterror.hide()
error.hide()
content.hide()
removed.hide()
content.fadeIn(1000, function() {

});
jQuery(’html,body’).animate({scrollTop: 0}, 100);

jQuery.post(form.get(0).action+"?isAjax=1", inputs, function (data, textStatus) {
if (data != ‘bad’){
content.html(data);
success.html(’<span align="left">Product Added.</span>’);
success.fadeIn(1000, function() {
});

}

if (data == ‘bad’){error.html(’<span style="color: #AD001A;">Please specify product options.</span>’);
carterror.html(’<span align="right" style="color: #AD001A; padding-left: 100px;">Please specify product options.</span>’);
error.fadeIn(1000, function() {
});
success.hide()
carterror.fadeIn(1000, function() {
});
jQuery(’html,body’).animate({scrollTop: targetOffset-500}, 100);
content.hide()
content.load("/price/index.php/cart.html");
content.fadeIn(1000, function() {
});

}
content.hide()
content.fadeIn(1000, function() {
});

}, “html");

return false;
}

function ajaxCartAddProductListing (productAddToCartFormId) {

if (productAddToCartFormId) {
var form = jQuery(’#’ + productAddToCartFormId);
var requiredinputs = jQuery(".required-entry", form);
} else {
var form = jQuery(’#product_addtocart_form’);
}

var inputs = jQuery(’:input’).serialize();
var infoMessage = jQuery(’.ajax_cart_info’);
var addButton = jQuery(’.form-button-cart’, form);
var content = jQuery(’#ajaxcart’);
var container = jQuery(’#ajaxcart’);
var targetOffset = form.offset().top;
var highslide = jQuery(’.highslide-container’);
var error = jQuery(’#ajaxcarterror’, form);
var success = jQuery(’#ajax-cart-added’);
var carterror = jQuery(’#ajax-cart-error’);
var removed = jQuery(’#ajax-cart-remove’);

requiredinputs.removeClass("validation-failed");
content.html(’<br/><div align="center"><img src="/skin/frontend/default/default/images/ajax_cart_loading.gif"/><br/>Updating cart...</div>’);
success.hide()
carterror.hide()
error.hide()
content.hide()
removed.hide()
content.fadeIn(1000, function() {

});
jQuery(’html,body’).animate({scrollTop: 0}, 100);

jQuery.post(form.get(0).action+"?isAjax=1", inputs, function (data, textStatus) {
if (data != ‘bad’){
content.html(data);
success.html(’<span align="left">Product Added.</span>’);
success.fadeIn(1000, function() {
});

}

if (data == ‘bad’){error.html(’<span style="color: #AD001A;">Please specify product options.</span>’);
carterror.html(’<span align="right" style="color: #AD001A; padding-left: 100px;">Please specify product options.</span>’);
error.fadeIn(1000, function() {
});
success.hide()
carterror.fadeIn(1000, function() {
});
jQuery(’html,body’).animate({scrollTop: targetOffset-500}, 100);
content.hide()
content.load("/price/index.php/cart.html");
content.fadeIn(1000, function() {
});

}
content.hide()
content.fadeIn(1000, function() {
});

}, “html");

return false;
}

function ajaxCartRemoveProduct(a, removeUrl) {
var content = jQuery(’#ajaxcart’);
var success = jQuery(’#ajax-cart-added’);
var carterror = jQuery(’#ajax-cart-error’);
var removed = jQuery(’#ajax-cart-remove’);

success.hide()
carterror.hide()
removed.hide()

content.html(’<br/><div align="center"><img src="/skin/frontend/default/default/images/ajax_cart_loading.gif"/><br/>Updating cart...</div>’);
content.hide()
content.fadeIn(1000, function() {
});

jQuery.get(removeUrl+’?isAjax=1’, function (data, textStatus) {
content.hide()
content.load("/price/index.php/cart.html");
content.fadeIn(1000, function() {
});
removed.hide()
removed.html(’Product Removed.’);
removed.fadeIn(1000, function() {
});
}, “html");
return false;

}

Sorry for stupid question can anyone tell me where to put this js code

 
Magento Community Magento Community
Magento Community
Magento Community
 
Fisheye
Jr. Member
 
Avatar
Total Posts:  4
Joined:  2009-11-23
 

If your interested we have released our AJAX Cart Preview, you can demo it here:

http://magento.fisheye-webdesign.co.uk

More info including a user manual here: http://fisheye-webdesign.co.uk/shop/ajax-cart-preview.html

Its got some really cool functionality and comes with admin configuration to allow editing of preview effects and more.

We have this running on 100+ sites.

Any questions let me know..

Image Attachments
preview-adv.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
Extendware
Sr. Member
 
Avatar
Total Posts:  231
Joined:  2011-08-04
 

Extendware offers a very nice and advanced Ajax Cart, Wishlist, & Compare extension. It is aesthetically pleasing, fast, small javascript footprint, lots of features, and well priced. It does NOT use jquery, so you do not have to load another huge javascript library unnecessarily.

Go to the product page to see pricing, screenshots, and a demo.

 
Magento Community Magento Community
Magento Community
Magento Community
 
FMEExtensions
Mentor
 
Avatar
Total Posts:  1298
Joined:  2009-08-07
 

Ajax Add to Cart Magento extension enables your customers to add or remove products from the cart ,wishlist without any page reloads and while staying on the very same page whether it is home page, category listing page, product detail page, cross sells, upsells or related products. It works for each and every kind or product such as simple, virtual, configurable or any other type. Choose custom Ajax dialog boxes, popups, images and text to display on frontend in a fabulous manner……

 
Magento Community Magento Community
Magento Community
Magento Community
 
lensbazaar
Jr. Member
 
Total Posts:  4
Joined:  2012-07-01
 

i hv some problem with coding

http://lensbazaar.com/index.php?route=product/product&product;_id=49

 
Magento Community Magento Community
Magento Community
Magento Community
 
Magestore
Mentor
 
Avatar
Total Posts:  1015
Joined:  2009-08-07
Viet Nam
 

You could check Ajax Cart extension of Magestore out here http://www.magentocommerce.com/magento-connect/ajaxcart-extension-7163.html. Customers continue shopping without waiting for pages to reload each time adding items to cart or removing items from cart
- Add products to cart from the cart page or product list pages via pop-up forms.
- No redirect to the product page.
- Edit minicart by Ajax.

 
Magento Community Magento Community
Magento Community
Magento Community
 
Extendware
Sr. Member
 
Avatar
Total Posts:  231
Joined:  2011-08-04
 

Ajax shopping cart can make your site seem more responsible. I definitely recommend Ajax Cart, Wishlist, and Compare

 
Magento Community Magento Community
Magento Community
Magento Community
 
Magestore
Mentor
 
Avatar
Total Posts:  1015
Joined:  2009-08-07
Viet Nam
 

You could discover more through our demo:
Front-end: http://demo-extension.magestore.com/sandbox/ajax-cart/index.php/apparel.html
Back-end: http://demo-extension.magestore.com/sandbox/ajax-cart/index.php/admin
If you find anything confused, please email us at . We will respond you soon.

 
Magento Community Magento Community
Magento Community
Magento Community
 
Hardik Gajjar
Jr. Member
 
Avatar
Total Posts:  8
Joined:  2012-04-06
 

Here is a great AJAX add to cart extension which provides best support for all type of products from any page also It provides great functionality in admin panel to add custom cart blocks in AJAX update.

http://www.magentocommerce.com/magento-connect/catalog/product/view/id/15606/

 
Magento Community Magento Community
Magento Community
Magento Community
 
Amasty
Mentor
 
Avatar
Total Posts:  3988
Joined:  2009-11-10
 

Hi!
There is a great alternative for ajax cart.
With AJAX Shopping Cart module you can let customers rapidly add products to cart with no useless page reloads and without interrupting the shopping process!
-A lot more user-friendly shopping process
-+1 sales method
-AJAX-based modern technology
-Support of configurable products and custom options
-Attractive and flexible cart overview window

For more details, user guide and live demo please follow the link http://amasty.com/ajax-shopping-cart.html

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top