Gesamt: 0 Durchschnitt: 0

Es gibt eine Menge Literatur, wie diese UX-Situation gelöst werden kann – wäre es nicht toll wenn wir in diesem Artikel zusammen, eine vereinfachte, funktionierende, aktualle Lösung finden.
Für diese Situation müssen wir uns um zwei Code Snippets kümmern,

     1. Ein kurzes CSS Snippet
     2. Ein kleines PHP Snippet für die Automation

Keine Angst ich erkläre Dir im Video genau wie und wo Du das einfügen musst und wie sich dieses auf deinen Warenkorb auswirkt und funktioniert.

Teil 1 – CSS Snippet zum deaktivieren des “Warenkorb aktualisieren” Button

Zunächst einmal müssen wir die Schaltfläche ausblenden, da wir sie überhaupt nicht verwenden werden und stattdessen PHP und JQuery die Magie übernehmen lassen. Ich weiß, !important ist keine tolle Sache, die man in seinem CSS-Code haben sollte… aber für dieses Mal halten wir es einfach.

/* * Button ausblenden CSS * https://v4w.eu/wc-code-snippet/automatisches-aktualisieren-des-warenkorbs-bei-mengenanderungen/ */ input[name='update_cart'] { display: none !important; }
Code-Sprache: PHP (php)

oder versuche diesen Code

/* * Button ausblenden CSS * https://v4w.eu/wc-code-snippet/automatisches-aktualisieren-des-warenkorbs-bei-mengenanderungen/ */ button[name='update_cart'] { display: none !important; }
Code-Sprache: PHP (php)

Teil 2 – PHP-Schnipsel für das Auto-Update Warenkorb bei Mengenänderung

Nachdem wir die Schaltfläche ausgeblendet haben, müssen wir nur noch die Schaltfläche über JQuery “automatisch anklicken” und WooCommerce genau die gleiche Arbeit machen lassen (Aktualisierung der Warenkorb-Summen, Steuern usw.)

Einfach erklärt:
Wenn wir auf eine der Mengenangaben “klicken”, lösen wir einen “Klick” auf die versteckte Schaltfläche “Warenkorb aktualisieren” aus. So einfach ist das, oder?

Füge den nachfolgenden Code in Deine functions.php in Deinem Child Theme ein

/** * Auto-Update Warenkorb bei Mengenänderung * https://v4w.eu/wc-code-snippet/automatisches-aktualisieren-des-warenkorbs-bei-mengenanderungen/ */ add_action( 'wp_footer', 'v4w_cart_refresh_update_qty' ); function v4w_cart_refresh_update_qty() { if (is_cart()) { ?> <script type="text/javascript"> jQuery('div.woocommerce').on('click', 'input.qty', function(){ jQuery("[name='update_cart']").trigger("click"); }); </script> <?php } }
Code-Sprache: PHP (php)

Die Nutzung der, auf unserer Seite zur Verfügung gestellten Code Snippet, geschieht auf eigene Gefahr

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

functions.php bearbeiten

Datenschutz
vision4web, Inhaber: Wir (Firmensitz: Vereinigte Staaten (US)), würde gerne mit externen Diensten personenbezogene Daten verarbeiten. Dies ist für die Nutzung der Website nicht notwendig, ermöglicht aber eine noch engere Interaktion mit Ihnen. Falls gewünscht, treffen Sie bitte eine Auswahl:
Datenschutz
vision4web, Inhaber: Wir (Firmensitz: Vereinigte Staaten (US)), würde gerne mit externen Diensten personenbezogene Daten verarbeiten. Dies ist für die Nutzung der Website nicht notwendig, ermöglicht aber eine noch engere Interaktion mit Ihnen. Falls gewünscht, treffen Sie bitte eine Auswahl: