ajax Order System ajax Error but working with wizard

[RAHUL]

Hello

I tired using ajax Order System but the page cart and continue button not appear in the page . If i changed to wizard everything is working fine how to solve ?

I have attached screenshot please take a look

[Tyson]

Thanks for letting us know. This is a bug. To fix, you can do the following:

1. Open the file /plugins/order/views/templates/ajax/javascript/order.js
2. On line 47 of that file you'll find a section that reads:

       // Handle slider
       var slide_val = 0;
       $('#package_slider').slider({
         tooltip: 'hide'
       }).on('slide', function(e) {
         var cur_val = $(this).slider('getValue');
         if (slide_val != cur_val && !isNaN(cur_val)) {
           $(".package-block").removeClass("active");
           $("#package_" + cur_val).addClass("active");
         }
       }).on('slideStop', function(e) {
         var cur_val = $(this).slider('getValue');
         if (slide_val != cur_val && !isNaN(cur_val)) {
           slide_val = cur_val;
   
           // Load config section
           fetchConfig(packages[cur_val].group_id, packages[cur_val].pricing_id, function() {
             // Animate to config section
             if (slide_val != 0)
               $('html,body').animate({scrollTop: $('#package-config').offset().top}, 'slow');
           });
         }
       });

    

3. Replace all of that text with the following instead:

       // Handle slider
       if ($('#package_slider').length) {
         var slide_val = 0;
         $('#package_slider').slider({
           tooltip: 'hide'
         }).on('slide', function(e) {
           var cur_val = $(this).slider('getValue');
           if (slide_val != cur_val && !isNaN(cur_val)) {
             $(".package-block").removeClass("active");
             $("#package_" + cur_val).addClass("active");
           }
         }).on('slideStop', function(e) {
           var cur_val = $(this).slider('getValue');
           if (slide_val != cur_val && !isNaN(cur_val)) {
             slide_val = cur_val;
   
             // Load config section
             fetchConfig(packages[cur_val].group_id, packages[cur_val].pricing_id, function() {
               // Animate to config section
               if (slide_val != 0)
                 $('html,body').animate({scrollTop: $('#package-config').offset().top}, 'slow');
             });
           }
         });
       }

    

4. Save the file and reload the AJAX template order

[Tyson]

This will be fixed in CORE-2939 for v4.4.1.