Skip to content
Code-Schnipsel Gruppen Projekte

Revisionen vergleichen

Änderungen werden so angezeigt, als ob die Quellrevision mit der Zielrevision zusammengeführt würde. Erfahre mehr über den Vergleich von Revisionen.

Quelle

Zielprojekt auswählen
No results found

Ziel

Zielprojekt auswählen
  • quiqqer/order-simple-checkout
1 Ergebnis
Änderungen anzeigen
Commits auf Quelle (4)
  • Henning Leutz's avatar
    fix: hide checkout details and payment container during processing · caeaffd5
    verfasst von Henning Leutz
    This commit hides the elements '.quiqqer-simple-checkout-orderDetails' and
    '.quiqqer-simple-checkout__scrollToPaymentContainer' in 'SimpleCheckout.js' during processing. When
    the element with '.quiqqer-order-step-processing' class is present, the mentioned elements are set
    to 'display: none', preventing them from being viewed during order processing. The same logic
    applies when the order is successful, ensuring a cleaner interface during these steps.
    
    Related: #22
    caeaffd5
  • Henning Leutz's avatar
    fix: add animation to payment container in simple checkout · ae0a58b9
    verfasst von Henning Leutz
    In `SimpleCheckout.js`, an animation has been added to enhance the user experience while scrolling
    to the payment container. On the other hand, in `Checkout.html`, the
    `quiqqer-simple-checkout__scrollToPaymentContainer` class has been updated to initially set the
    opacity to 0 to make the animation smoother.
    ae0a58b9
  • Henning Leutz's avatar
    Merge branch 'next-2.x' into 'main' · 14991b34
    verfasst von Henning Leutz
    fix: hide checkout details and payment container during processing
    
    See merge request !51
    14991b34
  • Henning Leutz's avatar
    Merge branch 'main' into 'next-3.x' · a21fd686
    verfasst von Henning Leutz
    Update 'next-3.x' with latest changes from 'main'
    
    See merge request !52
    a21fd686
......@@ -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', {
......
......@@ -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>
......