Merge branch 'main' into 'next-3.x'

Update 'next-3.x' with latest changes from 'main'

See merge request !52

bin/frontend/controls/SimpleCheckout.js

@@ -170,12 +170,24 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
 
                 return this.$loadGUI();
             }).then(() => {
+                if (this.getElm().getElement('.quiqqer-order-step-processing')) {
+                    // processing step
+                    if (this.getElm().getElement('.quiqqer-simple-checkout-orderDetails')) {
+                        this.getElm().getElement('.quiqqer-simple-checkout-orderDetails').setStyle('display', 'none');
+                    }
+
+                    if (this.getElm().getElement('.quiqqer-simple-checkout__scrollToPaymentContainer')) {
+                        this.getElm().getElement('.quiqqer-simple-checkout__scrollToPaymentContainer').setStyle('display', 'none');
+                    }
+                }
+
                 this.$parseTermsAndConditions();
                 this.Loader.hide();
 
                 moofx([
                     this.getElm().getElements('form'),
-                    this.getElm().getElements('.quiqqer-simple-checkout-orderDetails')
+                    this.getElm().getElements('.quiqqer-simple-checkout-orderDetails'),
+                    this.getElm().getElements('.quiqqer-simple-checkout__scrollToPaymentContainer'),
                 ]).animate({
                     opacity: 1
                 });
@@ -534,6 +546,14 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
                         this.getElm().getElement('form').set('data-products-count', result.productCount);
                     }
 
+                    if (this.getElm().getElement('.quiqqer-simple-checkout-orderDetails')) {
+                        this.getElm().getElement('.quiqqer-simple-checkout-orderDetails').setStyle('display', 'none');
+                    }
+
+                    if (this.getElm().getElement('.quiqqer-simple-checkout__scrollToPaymentContainer')) {
+                        this.getElm().getElement('.quiqqer-simple-checkout__scrollToPaymentContainer').setStyle('display', 'none');
+                    }
+
                     this.fireEvent('orderSuccessful', [this]);
                     const scripts = [];
                     const Ghost = new Element('div', {

src/QUI/ERP/Order/SimpleCheckout/Checkout.html

@@ -2,7 +2,7 @@
     {$BasketForHeader->create()}
 </div>
 
-<div class="hide-on-desktop quiqqer-simple-checkout__scrollToPaymentContainer">
+<div class="hide-on-desktop quiqqer-simple-checkout__scrollToPaymentContainer" style="opacity: 0;">
     <button class="quiqqer-simple-checkout__scrollToPaymentBtn btn btn-primary" type="button">
         {locale group="quiqqer/order-simple-checkout" var="ordering.btn.continueWithPurchase"}
     </button>