


Wie aktualisiere ich die Anzahl der Artikel im WooCommerce-Header-Warenkorb mithilfe von AJAX dynamisch?
Oct 29, 2024 am 06:19 AMAnzahl der Ajaxify-Header-Warenkorbelemente in WooCommerce
Identifizierung des Bedarfs
In WooCommerce integrierte WordPress-Themes, Aktualisierung des Header-Warenkorbs Elemente zu zählen, ohne die Seite neu zu laden, ist eine häufige Herausforderung. jQuery bietet eine Lösung, es stellen sich jedoch Fragen, wenn Artikel in mehreren Mengen hinzugefügt werden können.
Verwendung von AJAX zum Abrufen der Gesamtzahl
Um die Gesamtzahl des Warenkorbs dynamisch aus PHP abzurufen Sitzungen mit jQuery wird eine reloadCart.php-Datei erstellt, um den Wert wiederzugeben:
<code class="php"><?php require('../../../wp-blog-header.php'); global $woocommerce; echo $woocommerce->cart->get_cart_contents_count(); ?></code>
AJAX-Implementierung
Es wird jedoch versucht, AJAX-Aufrufe an diese Datei mit durchzuführen Die Funktionen get(), post() oder ajax() von jQuery waren nicht erfolgreich.
Verbesserter Ansatz
Anstatt sich auf ein Neuladen zu verlassen, bietet WooCommerce ein spezielles woocommerce_add_to_cart_fragments an Aktions-Hook, der Ajax unterstützt.
HTML-Integration
Einbetten der Warenkorbanzahl in den Header mit einer eindeutigen ID oder Klasse:
<code class="php">$items_count = WC()->cart->get_cart_contents_count(); ?> <div id="mini-cart-count"><?php echo $items_count ? $items_count : '&amp;nbsp;'; ?></div> <?php
PHP-Code
Implementieren Sie den folgenden Code in der function.php-Datei des Themes oder einem Plugin:
<code class="php">add_filter( 'woocommerce_add_to_cart_fragments', 'wc_refresh_mini_cart_count'); function wc_refresh_mini_cart_count($fragments){ ob_start(); $items_count = WC()->cart->get_cart_contents_count(); ?> <div id="mini-cart-count"><?php echo $items_count ? $items_count : '&amp;nbsp;'; ?></div> <?php $fragments['#mini-cart-count'] = ob_get_clean(); return $fragments; }</code>
Ersetzen Sie #mini-cart-count durch .mini-cart- zählen, wenn eine Klasse verwendet wird.
jQuery-Aktualisierung
Wenn eine zusätzliche jQuery-Aktualisierung erforderlich ist:
<code class="php">$(document.body).trigger('wc_fragment_refresh');</code>
oder
<code class="php">$(document.body).trigger('wc_fragments_refreshed');</code>
Das obige ist der detaillierte Inhalt vonWie aktualisiere ich die Anzahl der Artikel im WooCommerce-Header-Warenkorb mithilfe von AJAX dynamisch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium)

Arbeiten mit Flash -Sitzungsdaten in Laravel

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests

Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren

Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs

12 Beste PHP -Chat -Skripte auf Codecanyon
