woo code snippets mit hintergrund vision4web

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, aktuelle 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 im Video genau wie und wo Sie das Snippet einfügen müssen und wie sich dieses auf den 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;
}

oder versuchen Sie dieses Code Snippet

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

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?

Je nach Art des Shops kann es Sinn machen den Hinweis „Nicht vorrätig“ anzupassen. Mit dem unten angeführten Code Snippet ist dies sehr leicht möglich.

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

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.