Page 1 of 1

[Solved] Continue button keep loading / disabled

Posted: Sat Nov 28, 2015 5:01 am
by aznnoh
Hi,

On Step 5: Payment Method , If I press Continue button without Terms & Conditions box checked button keep disabled and loading and have to refresh whole checkout process.

Have someone same problem or know solution?

Thanks in advance

OPENCART 2.1.0.1 VERSION

Re: Continue button keep loading / disabled

Posted: Fri Dec 04, 2015 12:59 pm
by famousbridal
same issue here .... pls help

Re: Continue button keep loading / disabled

Posted: Fri Dec 18, 2015 3:27 pm
by beervampir
I have the same problem.

Any solutions?

Re: Continue button keep loading / disabled

Posted: Sun Jan 17, 2016 10:18 pm
by phillipsmw
Think I've found a solution

catalog/view/theme/default/template/checkout/checkout.tpl

Remove:

Code: Select all

$('#button-payment-method').button('loading');

Re: Continue button keep loading / disabled

Posted: Sat Feb 20, 2016 1:05 am
by Ezeryn
phillipsmw wrote:Think I've found a solution

catalog/view/theme/default/template/checkout/checkout.tpl

Remove:

$('#button-payment-method').button('loading');
I tried it and it seem to work. Thank you very much!!!

Re: Continue button keep loading / disabled

Posted: Tue May 17, 2016 10:30 am
by dlevesque
The loading state is displayed during an ajax call and I suggest to keep it. The issue here is that the button is not reset when there is an error. To fix this you have to add the following line in the error handling of checkout.tpl :

Code: Select all

$('#button-payment-method').button('reset');
Modified code looks like this:

Code: Select all

$(document).delegate('#button-payment-method', 'click', function() {
    $.ajax({
        url: 'index.php?route=checkout/payment_method/save',
        type: 'post',
        data: $('#collapse-payment-method input[type=\'radio\']:checked, #collapse-payment-method input[type=\'checkbox\']:checked, #collapse-payment-method textarea'),
        dataType: 'json',
        beforeSend: function() {
         	$('#button-payment-method').button('loading');
		},
        success: function(json) {
            $('.alert, .text-danger').remove();

            if (json['redirect']) {
                location = json['redirect'];
            } else if (json['error']) {
                $('#button-payment-method').button('reset');

Re: Continue button keep loading / disabled

Posted: Thu Aug 11, 2016 7:19 pm
by BMWMaX
Thanks. This works