WooCommerce automatisch Warenkorb aktualisieren

Im Warenkorb muss man je nach Theme den Warenkorb immer händisch aktualisieren sobald Änderungen vorgenommen wurden.

zb. im Avada Theme.

Das ist aber nicht sehr „Usability“ freundlich.

Die funktion kann man auch automatisieren.

Den Code in die functions.php eintragen.

add_action( 'woocommerce_after_cart', function() {
    ?>
        <script>
            jQuery(function($) {
                var timeout;
                $('div.woocommerce').on('change textInput input', 'form.woocommerce-cart-form input.qty', function(){
                    if(typeof timeout !== undefined) clearTimeout(timeout);
 
                    //Not if empty
                    if ($(this).val() == '') return;
 
                    timeout = setTimeout(function() {
                        $("[name='update_cart']").trigger("click"); 
                    }, 1000);
                }); 
            });
        </script>
    <?php
} );

Am besten auch noch den „Warenkorb Aktualisieren“ Button ausblenden, je nach Theme.

Standardbild
Mario
Hier schreibt Mario Röder, Gründer und Inhaber von Digital-Workshop.at. Ich helfe Unternehmen und Online Shop Betreibern, ihre Webseite zu optimieren und zu pflegen. Somit haben Sie mehr Zeit für Ihr Unternehmen und mehr Erfolg.
Artikel: 222

12 Kommentare

  1. Danke für den Code, funktioniert wunderbar. Aber wie kann man den „Warenkorb Aktualisieren“ Button?
    Danke!

    • Gerne!
      Was meinst du mit „Aber wie kann man den „Warenkorb Aktualisieren“ Button“

      • Ops, „entfernen“ fehlte hier, sorry… 😉

        • Am einfachsten mit CSS auf display:none stellen. Kommt aber immer auf das Theme an. Wenn du einen link postest kann ich es mir anschauen.

          • Das Theme ist storefront, der link ist kampfar.animate-records.com
            Danke, Andy

          • probier mal:
            button[name=’update_cart‘] {
            display: none !important;
            }

          • Vielen Dank, das funktioniert. Musste nur noch die Anführungszeichen korrigieren.

          • Ja das passiert leider immer weil es die Anführungszeichen umwandelt in den Kommentaren.

          • Daumen hoch Mario! Erstklassiger Support!

          • Hallo Mario, ich würde den Warenkorb aktualisieren-Button auch gerne ausblenden. Ich versuche das gerade mit dem Avada-Theme, aber leider funktioniert das bei mir nicht. Ich habe den Code in „Benutzerdefiniertes CSS“ eingefügt. Muss ich hier vielleicht etwas anders machen? Ich würde mich total über einen Tipp freuen. Schon mal vorab vielen Dank!

  2. Hallo! Ich versuche auch gerade beim Avada Theme den Warenkorb aktualisieren Button zu entfernen. Aber mit diesem Code:

    button[name=’update_cart’] {
    display: none !important;
    }

    funktioniert es nicht. Hat jemand noch einen Tipp? Danke und viele Grüße

Schreibe einen Kommentar