How to redirect Add to Cart button in opencart to the cart page directly

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>');
    $('.attention').fadeIn('slow');
    $('#cart_total').html(json['total']);
    $('html, body').animate({ scrollTop: 0 }, 'slow');
}

Replace with

if (json['success']) {
    window.location.href='index.php?route=checkout/cart';
}

For OpenCart 2.3.0.2+ 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:

json['redirect']='index.php?route=checkout/cart';

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:

window.location.href='index.php?route=checkout/cart';

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