In this tutorial, we will show you how to redirect “Add to cart” button in Opencart version 1.4+, version 1.5+, version 2.0+ and version 3.0+ and take you directly to the shopping cart page.

For Opencart 1.4+ versions

For Opencart 1.4 versions it’s easy we can do it through the admin section
In Extensions->Modules under “Cart” you can disable ajax

For Opencart 1.5+ versions

But in Opencart 1.5+ there are no options to do those things so we have to edit in the codes.

Open the javascript file at catalog/view/javascript/common.js

Find the code below :

if (json['success']) {
    $('#notification').html('<div style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" /></div>');
    $('html, body').animate({ scrollTop: 0 }, 'slow');

Replace with

if (json['success']) {

For OpenCart and Opencart 3.0+ follow following steps:

Find following code at catalog\view\javascript\common.js

var cart = { 'add': function(product_id, quantity) {

Inside that find success method:

success: function(json) {    $('.alert, .text-danger').remove();

Just below it add following code:


Now open another file catalog\view\theme\ACTIVETHEME\template\product\product.tpl

Find following code:

<script type="text/javascript"><!-- $('#button-cart').on('click', function() {

Inside that find success method:

if (json['success']) {

Just below it add following code:


All is set now when someone add to cart then it directly redirect to cart page



Please enter your comment!
Please enter your name here