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.

Bild eines Logos von Discord

12 Kommentare

  • 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

  • Andy Reich

    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;
              }

              • 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!

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

Hinterlassen Sie Ihren Kommentar

*Affiliatelinks/Werbelinks
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links.
Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision.
Für dich verändert sich der Preis nicht.