Inhaltsverzeichnis
Anzahl der Ajaxify-Header-Warenkorbelemente in WooCommerce
Heim Backend-Entwicklung PHP-Tutorial Wie aktualisiere ich die Anzahl der Artikel im WooCommerce-Header-Warenkorb mithilfe von AJAX dynamisch?

Wie aktualisiere ich die Anzahl der Artikel im WooCommerce-Header-Warenkorb mithilfe von AJAX dynamisch?

Oct 29, 2024 am 06:19 AM

How to Dynamically Update WooCommerce Header Cart Items Count Using AJAX?

Anzahl 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">&lt;?php
require('../../../wp-blog-header.php');
global $woocommerce;
echo $woocommerce-&gt;cart-&gt;get_cart_contents_count();
?&gt;</code>
Nach dem Login kopieren

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()-&gt;cart-&gt;get_cart_contents_count(); 
?&gt;
    &lt;div id=&quot;mini-cart-count&quot;&gt;&lt;?php echo $items_count ? $items_count : '&amp;amp;nbsp;'; ?&gt;&lt;/div&gt;
&lt;?php
Nach dem Login kopieren

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()-&gt;cart-&gt;get_cart_contents_count();
    ?&gt;
    &lt;div id=&quot;mini-cart-count&quot;&gt;&lt;?php echo $items_count ? $items_count : '&amp;amp;nbsp;'; ?&gt;&lt;/div&gt;
    &lt;?php
        $fragments['#mini-cart-count'] = ob_get_clean();
    return $fragments;
}</code>
Nach dem Login kopieren

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>
Nach dem Login kopieren

oder

<code class="php">$(document.body).trigger('wc_fragments_refreshed');</code>
Nach dem Login kopieren

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) 11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) Mar 03, 2025 am 10:49 AM

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

Arbeiten mit Flash -Sitzungsdaten in Laravel Arbeiten mit Flash -Sitzungsdaten in Laravel Mar 12, 2025 pm 05:08 PM

Arbeiten mit Flash -Sitzungsdaten in Laravel

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Mar 12, 2025 pm 05:09 PM

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests

Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Mar 04, 2025 am 09:33 AM

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 Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs Mar 14, 2025 am 11:42 AM

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

12 Beste PHP -Chat -Skripte auf Codecanyon 12 Beste PHP -Chat -Skripte auf Codecanyon Mar 13, 2025 pm 12:08 PM

12 Beste PHP -Chat -Skripte auf Codecanyon

Einführung in die Instagram -API Einführung in die Instagram -API Mar 02, 2025 am 09:32 AM

Einführung in die Instagram -API

Benachrichtigungen in Laravel Benachrichtigungen in Laravel Mar 04, 2025 am 09:22 AM

Benachrichtigungen in Laravel

See all articles