J2T Ajax Cart

More Views

  • Confirmation box (as an option it is possible to show related products)
  • As an option, it is possible to select product options from ajax box
  • As an option, it is possible to ask for quantity to be inserted
  • Specify quantity from product list page
  • Custom CSS

J2T Ajax Cart

Add and Remove products without refresh

Availability: In stock


Magento® Connect - J2T Ajax Cart

Compatible with
- Magento® Community Edition 1.3.x ,1.4.x, 1.5.x, 1.6.x, 1.7.x, 1.8.x and 1.9.x
- Magento® Enterprise Edition 1.9.x, 1.10.x, 1.11.x, 1.12.x, 1.13.x and 1.14.x

J2T Ajax cart : Add items to cart without reloading your page!
By using this module, you will be able to place on your online store a tool that will allow you to show an ajax box when adding the products to shopping cart.
Your customer will then have the choice between continuing browsing or go to checkout.

This module is compatible with all types of products, such as simple products, configurable products, bundle products, downloadable products, etc.

It is also possible to show options of a product as well as downloabable form in the ajax box before adding the product to the cart.

* Required Fields



  • Lowest price on the market for our modules

  • Free support available as well as extended support

  • High quality development with best Magento integration


Magento® Connect - J2T Ajax Cart

Check Out J2T Ajax Cart with the following video

Add Quantity fields on product list pages

With J2T Ajax Cart, it is possible to add quantity fields directly from product list page!

By doing this, your customer will be able to directly add the quantity in order to take the information to consideration when clicking on add to cart button.

Product image move to cart animation

Product image animation can be shown when adding a product to shopping cart.

It is possible to set an animation of product image that goes into shopping cart.


Effects on show and hide of modal box

With J2T Ajax Cart, it is possible to add any type of effects while showing or hidding the modal box!

The video uses the following code:

- After Show Code: 

can_hide = false;
can_recenter = false;
var top = $('j2t_ajax_confirm').style.top;
var left = $('j2t_ajax_confirm').style.left;

$('j2t_ajax_confirm').style.top = -Math.ceil($('j2t_ajax_confirm').getHeight())+"px";
new Effect.Move($('j2t_ajax_confirm'), { x: 0, y: parseInt(top)+Math.round(($('j2t_ajax_confirm').getHeight()/2)), afterFinish: function() { dialog_j2t.reCenter(); can_recenter = true; can_hide = true;} });

- Before Hide Code:

can_hide = false;
var top = $('j2t_ajax_confirm').style.top;
var left = $('j2t_ajax_confirm').style.left;

new Effect.Move($('j2t_ajax_confirm'), { x: 0, y: -(parseInt(top)+$('j2t_ajax_confirm').getHeight()), afterFinish: function() { can_hide = true; {{default_instruction}} }}); 

Top cart - mini cart ajax update

With J2T Ajax Cart, it is possible (since v1.0.0) to add a mini cart loaded and updated when item is added to shopping cart.

You can decide to activate this feature or not. If this feature is active, when you will click on "My Cart" link, a drop down mini cart will slide down,  with last added items! 

J2t Ajax Cart
J2t Ajax Cart

Insert up-sells or cross-sells or related products

It is possible to include to all ajax boxes related products or up-sell products or cross-sell products that are linked to the ajax added product.

Easy to configure

Since v1.0.0, it is even easier to configure the module (only for Magento® 1.5.x or greater)!

When this feature is active, default Magento® view page will be used in order to create the ajax box (specially for products having options).

If your site uses other modules that introduce other features on product view and if you want to make them available from ajax box, you might deactivate this feature and use our customization manual available on "installation guide" tab.

J2t Ajax Cart
J2T Ajax Cart

Loading animated image

Since v1.0.0, it is possible to choose between a list of more than 15 images the loader you want for your ajax box.

It is also possible to use your own file by replacing default loader image from skin file!

Count down feature 

With the count down feature (available since v1.0.0), you can decide to specify a duration in seconds in order to automatically close the ajax confirmation box.

J2t Ajax Cart
J2t Ajax Cart

Product restrictions

If you want your customers to be redirected on product page for few products, you only need to put the product ids in the configuration area, and the module will not load the ajax box on product list pages.

Trigger Events 

It is possible  (since v1.0.10) to trigger events at some stages of the process. In other words, you can launch js scripts of your own when option or confirmation boxes are shown.

J2t Ajax Cart
J2t Ajax Cart

Top cart link translation

It is possible (since v1.0.9) to specify your own theme translation used for top cart link

Options on ajax box

Show product options directly on the ajax box, in order to faster the process a bit more!

J2T Ajax Cart

Community Edition

Enterprise Edition

J2T Ajax cart : Add items to cart without reloading your page!

To configure the module, please go to Admin > System > Customers > J2T ajax cart add

>> Main features of this module are:

  • add to cart within ajax box (no redirection or reloading)
  • deleting product ajax mode (no reloading)
  • delete prodcut from cart in ajax


>> Cool features:

  • you can decide whether choosing to show an ajax box (with 'continue shopping' and 'checkout' buttons) or not when adding the product to cart
  • for products having options, you can decide whether redirecting the clients to the product page or add the options in the ajax box (quantity will be shown as well, but only for product having options)
  • you can add a product quantity box upon adding a product to shopping cart (for simple product only)
  • it's possible to add upsells related products in the ajax confirmation box

Check out our demo here (only on german store)

1.2.x versions

- v1.2.3: New feature: it is now possible to add input field to define quantities directly on product list pages
- v1.2.3: Better box management
- v1.2.2: New feature added: it is now easier to integrate custom theme header top cart (New advanced configuration tab)
- v1.2.1: Adding spinner default CSS
- v1.2.0: New feature: it is now possible to define custom css from admin such as box custom css, spinner CSS3 animation, etc.

1.1.x versions

- v1.1.2: New feature: it is now possible to use color swatch available with Magento®
- v1.1.1: Improvements in js and css code
- v1.1.0: New branch introduction. New features and code has been rewritten and improved. It is now possible to add unlimited effects to modal box appearing and disappearing. It is now possible to show picture of the product that moves to shopping cart.

1.0.x versions

- v1.0.25: New feature added - it is now possible to add browser exeptions
- v1.0.24: New feature added - it is now possible to specify position adjustment for header cart (for Community Edition)
- v1.0.23: New J2t_All version + improvement of cookie verification + improvement of bug fixing regarding Magento® 1.8.x & EE 1.13.x product list url malformations when products have options
- v1.0.22: Fixing issue related to Magento® 1.8.x add to cart from button url malformation & new cookie verification script
- v1.0.21: Allowing fast configuration for Magento® 1.4.x
- v1.0.20: Bug fix: issues related to misconfiguration of top cart link which could result to js error issue 
- v1.0.19: New feature added allowing to countdown and redirect to shopping cart while inserting a product
- v1.0.18: New feature added allowing to trigger ajax event after product delete in ajax
- v1.0.17: Code optimization for Magento® compiler
- v1.0.16: Fixing issue related to blank ajax box when adding a product from wishlist to cart
- v1.0.15: Fixing js loading error
- v1.0.14: New feature implemented that would allow redirection to enable-cookies page if use doesn't allow cookies and if redirect to CMS-page if Cookies are Disabled is set to yes
- v1.0.13: Fixing admin issue when compiler is active & fixing theme issue when product options are not configured to be shown in ajax boxes
- v1.0.12: Improvement and optimizations - the module improves its compatibility to more themes/skins
- v1.0.11: IE top cart position fix while onmouse over configuration used
- v1.0.10: New feature - it is possible to trigger js event when showing option boxes as well as confirmation boxes. Fast configuration process has been fully reviewed in order to work on more configurations with less issues
- v1.0.7 to v1.0.9: New feature - it is now possible to specify the sentence of the top cart link and you can decide to show top cart summary with mouse over or mouse click
- v1.0.5 & v1.0.6: New features added allowing our ajax cart box to have better compatibility with custom themes
- v1.0.3 & v1.0.4: Fixing js error introduced in 1.0.2 / 1.0.3
- v1.0.2: Introducing new features - countdown and product restrictions that will allow you to bypass ajax usage from product list for some products
- v1.0.1: Introducing new feature that allows to use minified js
- v1.0.0: New branch version adding new features (top cart toggle, fast configuration and loader image choice)

0.9.x versions (last update: jan 1, 2012)

- v0.9.6: fixing issue introduced in v0.9.5 related to "Cannot find item" message
- v0.9.5: new feature: fast configuration mode added
- v0.9.4: optimization. It is now possible to load other js scripts within html code under IE without causing any issues
- v0.9.3: new feature. It is possible to modify background transparency from administration area
- v0.9.2: fixing css issue introduced in v0.9.1
- v0.9.1: fixing issue related to wrong cart redirection when adding a product from shopping cart after ajax cart process
- v0.9.0: New features: debug mode and option that allow to show product details on quantity and options boxes

0.8.x versions

- v0.8.2: new feature: you can activate of deactivate the module from module admin configuration
- v0.8.1: new feature: blinking effect option in admin and automatic box resize detection under community edition. Product edition within cart bug fixing for Enterprise Edition. Gift Items bug fixing when deleting a product from shopping cart for Enterprise Edition. Bug fixing for discount (and gift) forms actions when deleting element from shopping cart. 
- v0.8.0: adding close button. Optimizing treatment when using product with options. Centering loading area.

0.7.x versions

- v0.7.0: Introduction of 1 new squared theme and new feature allowing you to decide showing up up-sells, or cross-sells, or related products in ajax box

0.6.x versions

- v0.6.3: It's now possible to use the term checkout in the url
- v0.6.2: fixing theme issue when adding products with options to cart from search result (only when options are requested from ajax box)
- v0.6.1: implementing configurable product image feature
- v0.6.0: implementing new feature. Quantity input on simple products

0.5.x versions

- v0.5.1: js code optimisation
- v0.5.0: new feature allowing the customer to choose product options directly from the ajax box! The module is now compatible with file uploads when adding a product in cart!

0.4.x versions

- v0.4.2: fixing a bug introduced in v0.4.1 related to cart product remove
- v0.4.1: we are not overriding controllers anymore to maximize js compatibility
- v0.4.0: Module has been optimized to work faster. Theme system as been implemented. Work when deleting items in shopping cart now. The box stays at the middle when scrolling or resizing the window. Free theme with this version.

0.3.x versions

- v0.3.0: Now, upsells can be shown directly in the popup

0.2.x versions

- v0.2.6: add ability to specify boxes sizes >> js file has moved to skin directory ;)
- v0.2.5: credit removed from screen
- v0.2.4.9: compatible with Magento® 1.4
- v0.2.3.1: chaging false to true ;)
- v0.2.2 - v0.2.3: fixing IE bugs (centering + unable to add item to cart)
- v0.2.1: fixing js + adding da_DK language pack
- v0.2.0: improvement of buttons quality

0.1.x versions

- v0.1.9: fixing IE bug
- v0.1.7 & v0.1.8: improve css & add in admin ability to show the confirm box or not
- v0.1.6: fixing centering ajax div on screen
- v0.1.5 & v0.1.6: fixing css and ajax cart side update for blank & modern theme
- v0.1.4: adding missing template & layout files

INSTALL NOTE: Please copy all files to your Magento® root directory

UPGRADE NOTE: Don't forget to move the skin & design files to your skin & design directories

Please note that if you have specific skin and template, you need to move :
- skin/frontend/default/default/images/j2t
- skin/frontend/default/default/css/j2t
- skin/frontend/default/default/js/j2t
- app/design/frontend/default/default/layout/j2tajaxcheckout.xml
>> to your skin and template directory (for any installations or any updates). This module as been developped for default & blank theme.

>> To configure the module, please go in Admin > System > Customers > J2T ajax cart add

Please note that if you have specific skin and template, you need to move frontend/default/default/images/j2t, frontend/default/default/css/j2t, frontend/default/default/layout/j2tajaxcheckout.xml, frontend/default/default/template/j2tajaxcheckout, to your skin and template directory (for any installations or any updates). This module as been developped for default & blank theme.

If you ask for technical support, within a month, you get all new VA for free, as request.

Please download the documentation here in order to configure the module according to your custom theme

Easy RWD theme top cart integration (only from v1.2.2 of J2T Ajax Cart):

  1. Set "skip-link.skip-cart" to "Custom top link class name"
  2. Set "j2t-top-cart-area" to "Custom mini cart class name"
  3. Set "Cart" to "Top cart empty string"
  4. Set "Cart (%s)" to "Top 1 cart element string" and "Top multiple element cart string"
  5. Set "checkout/cart/minicart/items.phtml" to "Sidecart Template" [Advanced configuration]
  6. Set '<div class="j2t-top-cart-area">{{sidecart_content}}</div>' to "Sidecart Content" [Advanced configuration]
  7. Set "minicart_content" to "Sidecart Content Layout Names" [Advanced configuration]

Easy Ultimo theme configuration (only from v1.2.2 of J2T Ajax Cart):
  1. Set "j2t-top-cart-area" to "Custom mini cart class name" 
  2. Set "checkout/cart/mini.phtml" to "Sidecart Template" [Advanced configuration] 
  3. Edit the file app/design/frontend/ultimo/default/template/checkout/cart/mini.phtml and replace: <div id="mini-cart" class="dropdown<?php echo $cartClasses; ?>"> by: <div id="mini-cart" class="j2t-top-cart-area dropdown<?php echo $cartClasses; ? >">
  4. Set '<div class="j2t-top-cart-area">{{sidecart_content}}</div>' to "Sidecart Content" [Advanced configuration] 
  5. Set "minicart_content" to "Sidecart Content Layout Names" [Advanced configuration]
Extra step for ultimo theme. It is necessary to add the following code into "On Confirmation Box" & "After Delete" (Javascript Events module configuration area):

var reinit_ultimo = function(){
    var skipContents = jQuery('.skip-content');
    var skipLinks = jQuery('.skip-link');
    skipLinks.on('click', function (e) {
        var self = jQuery(this);
        var target = self.attr('href');
        var elem = jQuery(target);
        var isSkipContentOpen = elem.hasClass('skip-active') ? 1 : 0;
        if (isSkipContentOpen) { self.removeClass('skip-active'); }
        else { self.addClass('skip-active'); elem.addClass('skip-active'); }
setTimeout(reinit_ultimo, 2000);


Customer Reviews

Excellent Extension Review by Bhavin
I have used the free Ajax cart for a while now. I can't believe I didn't upgrade earlier ! The professional version is a great price for what it does. The original one increased my conversions and I'm sure I can use this extension to tempt my customers into buying even more during checkout.

I had a couple of problems installing it but the support could not have been better. I didn't install it for months after I bought it but still had great help from Jon.

I cannot recommend this extension and J2T highly enough.

Bhavin Patel
www.dermacaredirect.co.uk (Posted on 6/2/2014)
Really nice product! Review by Jammy
Never bought such amazing product! (Posted on 6/2/2014)
Must have Review by Florent
I bought this module because magento don't have this function by default. (crazy!)
The price of this module J2T Ajax cart VA is very good.
The J2T support helped me to configure the module with my specific template. It's very nice of them.
I recommend once again !! (Posted on 11/4/2013)
Perfect extension, perfect installation Review by Wybo - AURYN Beauty
Purchased the Ajax cart VA extension a couple of days ago, with professional installation and i am very very pleased with the result. We now have a sweet ajax cart on our site and the professional installation team even solved some other issues we were having with our Magento store.

This is one of the rare occasions that a installation service department goes beyond the scope of the purchased service. Many thanks to the whole j2t Design team for their good product and excellent service.

I recommend j2t Design to anyone who is looking for good software and service.
(Posted on 12/26/2012)
Awesome Products, best Support!! Review by Oliver
That's now our third Order from J2T Design and it will not be the last!!! Products are great, but best is the Customer Support, really really fast and competently.

Got some problems with our customized template but J2T helped us quick to solve our Problem! To the Extension: many many options to customize and good working on all Browser like IE, Firefox, Safari and Opera. We display the Ajax Cart with Upsell Products inside to increase our Orders and it simply works ;-))

Thank you (again) for your great Products and your Support, Oli! (Posted on 10/8/2012)
nice to have it Review by Elvis
There is little difficulties if you have own designed theme not based on default (quite a lot of theme changes and js functions related to it) but guys helped me in understanding of the problems quite a lot.

At the end - all the effects of this ajax cart is simply beautiful. Cannot imagine how long I did not had this :)

There are some things maybe left to improve and support said it will be in next releases - like clear all from cart, excluded some type of products for generating the ajax (too many options to show) etc... Cant wait...

As for the speed - I flush completely Magento logs and cache - and the speed is satisfied. (Posted on 12/27/2011)
Great support service Review by FABIAN
I had some problem with the module because of my special installation of Magento and support service solved it with any problem. I loved it. Now it works perfectly. Besides, it is cheap and can add the option of adding quantities from the category pages. (Posted on 11/18/2011)
Great support service Review by fabian
I had some problem with my templates and programmation after buying this module and they solved it very efficiently. I am very glad with this module, and it is very cheap. (Posted on 11/18/2011)
Excellent Review by Max Q
Really nice Ajax product with outstanding support, highly recommended. (Posted on 8/24/2011)
Must have! Review by Petra
Great extension, detailed readme file, I needed this one to display the optional gift wrap in a compact popup, so that this optional (upsell) product is highlighted. Works like a charm. (Posted on 12/8/2010)
Nice one and must have :-) Review by Britta
nice module and a must have.
could be a little bit faster.
(Posted on 7/10/2010)

Write Your Own Review

Only registered users can write reviews. Please, log in or register

Contact Us

Contact Information

Please check our FAQ before contacting us. You might be able to find a answer to your question there.

Message details

FTP Details (Only for "professionnal installation" or "technical support" option)

Message details

Note that our team usually reply to emails within 1 to 3 working days (mon-fri). If for some reasons, you don't have any replies within this time, please kindly send back a new message to us and we'll try to reply asap.

Also note that support is exclusively done in English.

* Required Fields