Easy Ajax Product combine the power of ajax with Magento cart, compare and wishlist so as to create a dynamic product management interface for clients. It acts on these 3 blocks : cart, compare and wishlist.

The cart

Add to cart

When a client adds a product to the cart, a loading image is displayed and the cart opacity is reduced so the user knows that the request is processing.

Easy Ajax Product can display options for any type of product. Once the product is added a message ask the user if he wants to continue shopping or go to the cart page.

Delete from cart

Deleting from cart is dynamic and comes with some graphics effects to illustrate the process.
There is no confirmation dialog, but the user can cancel the last delete he made by clicking on the "Cancel last delete" link that will be displayed in the cart sidebar.

This functionality is only available for product without options.

Images zoom

When the mouse cursor goes hover the products in the cart, the main image of the product is displayed on top left of the screen.
If the product has multiple images, 2 buttons shows up allowing to navigate between the product images.

Navigation

With Easy Ajax Product the cart navigation has never been easier. In the top of the cart list, 2 arrows are displayed if we can't see all the product allowing the navigation without loading the cart page.

Wishlist

Adding and removing from wishlist is as easy as with the cart. Adding from wishlist to cart is totally dynamic like when adding from catalog to cart.

If a non logged user tries to add a product to the wishlist he will be redirected to the login page so he can log in and after login the product will be added automatically to his wishlist.

Compare

Same features as the wishlist, totally dynamic. The "clear all" option is dynamic too.

When a user compares products (a pop-up is opened by magento) he can add products from the pop-up, it will act like when he adds a products from the catalog (with an Ajax call and effects).

The installation is quite simple and can be done in a few minutes.

First of all

{interface} The default interface is "default". {theme} The default theme in the interface "default", is called "default".

Step 1

Extract the module package into the magento directory.

Step 2

Edit the file :

and replace this line :

with :

Step 3

Edit the file :

and replace this line :

with :

Step 4

Last thing you got to do is to install jQuery.
There is two solutions :

Recommended one :
Install the free jQuery plugin for Magento from Mxperts from here

Second one :
Copy in js/easyajaxproduct this file
And replace the layout ( app/design/frontend/default/default/layout/easyajaxproduct.xml ) by this file

---

Your copy of Easy Ajax Product is now working, you can now configure it using the admin panel.