WooCommerce-Warenkorb
Zeige ein Warenkorb-Symbol mit einem Echtzeit-Artikelzähler-Badge direkt in deiner Navigationsleiste. Das Badge aktualisiert sich sofort, wenn Kunden Produkte hinzufügen oder entfernen — kein Neuladen der Seite nötig.
Voraussetzungen
WooCommerce muss installiert und aktiviert sein, damit das Warenkorb-Symbol erscheint. Wenn WooCommerce nicht aktiv ist, wird die Option im Einstellungsbereich ausgeblendet und das Symbol nicht im Frontend gerendert.
Warenkorb-Symbol aktivieren
- Stelle sicher, dass WooCommerce auf deiner Website aktiv ist.
- Gehe zu Menu Builder → WooCommerce.
- Schalte Warenkorb-Symbol im Menü anzeigen ein.
- Einstellungen speichern.
Das Warenkorb-Symbol erscheint standardmäßig am rechten Ende der Navigationsleiste.
Symbol-Position
- Rechts (Standard) — nach allen Menüelementen.
- Links — vor allen Menüelementen.
Position unter Menu Builder → WooCommerce festlegen.
Gestaltung des Warenkorb-Symbols
| Option | Beschreibung |
|---|---|
| Symbol-Stil | Warenkorb, Tasche oder Korb. |
| Symbolfarbe | Übernimmt standardmäßig die Menüelementfarbe. Eigene Farbe bei Bedarf. |
| Zähler-Badge anzeigen | Schalter für die Artikelanzahl-Blase auf dem Symbol. |
| Gesamtbetrag anzeigen | Schalter für den Warenkorbgesamtbetrag neben dem Symbol. |
| Badge-Hintergrund | Farbe der runden Zähler-Blase. |
| Bei leerem Warenkorb ausblenden | Schalter, um das Symbol bei leerem Warenkorb vollständig auszublenden. |
Mini-Warenkorb-Dropdown
Zeige ein kleines Produktzusammenfassungs-Panel, wenn der Nutzer mit dem Warenkorb-Symbol interagiert — ohne die aktuelle Seite zu verlassen.
- Gehe zu Menu Builder → WooCommerce.
- Wähle bei Mini-Warenkorb die Option Hover (öffnet bei Mouseover), Klick (öffnet bei Klick) oder Aus.
Der Warenkorbzähler aktualisiert sich in Echtzeit über WooCommerces natives Fragment-System (AJAX). Das Plugin fügt keine eigenen AJAX-Anfragen hinzu. Das Symbol liest nur die bestehende WooCommerce-Sitzung des Besuchers auf deinem eigenen Server — es fügt kein Tracking hinzu, setzt keine neuen Cookies und ruft keine Drittanbieter auf.