Warum der „In den Warenkorb"-Button bei WooCommerce-Produkten verschwindet

Sie haben Ihren Shop eingerichtet, ein Dutzend Produkte angelegt, doch wenn Sie die Seite öffnen, fehlt an der Stelle, an der der „In den Warenkorb"-Button sein sollte, jeglicher Inhalt. Kunden können nicht kaufen. Panik. Aber das Problem ist einfacher zu lösen, als es auf den ersten Blick scheint.

Es gibt genau fünf Gründe für den fehlenden Button: von einer unvollständigen Produktkarte bis hin zu serverseitigem mod_security. Zwei davon lassen sich mit zwei Klicks beheben. Zwei weitere mit ein paar Codezeilen. Und nur bei einem müssen Sie Ihren Hosting-Anbieter kontaktieren. Nachfolgend finden Sie eine Schritt-für-Schritt-Anleitung mit Code, Screenshots und konkreten Maßnahmen.

💡 Kurzüberblick:

• Prüfen Sie zuerst die Produktkarte: Preis und Lagerstatus sind erforderlich
• Deaktivieren Sie alle Plugins auf einmal und aktivieren Sie nur WooCommerce: Erscheint der Button, ist ein Konflikt die Ursache
• Gehen Sie zum Theme-Customizer: Der Button könnte einfach durch einen Schalter ausgeblendet sein
• Korrigieren Sie das Theme-Template über den Code-Editor: Ersetzen Sie drei Zeilen in single.php
• Öffnen Sie die Browser-Konsole: JavaScript-Fehler → Kontaktieren Sie Ihren Hoster, das Problem ist mod_security

1. Produktkarte prüfen: Preis und Lagerstatus

WooCommerce zeigt den „In den Warenkorb"-Button nur an, wenn das Produkt kaufbar ist. Ist es nicht kaufbar, gibt es keinen Button. Einfache Logik.

Öffnen Sie Produkte → Alle Produkte → das problematische Produkt auswählen → Bearbeiten. Prüfen Sie im Block „Produktdaten" drei Felder:

• Preis: Der reguläre Preis ist erforderlich, auch wenn das Produkt im Angebot ist. Das Feld „Preis" darf nicht leer sein.
• Lagerstatus: „Vorrätig" oder „Nachlieferung möglich". Der Wert „Nicht vorrätig" blendet den Button aus.
• Variable Produkte: Jede Variante muss einen eigenen Preis und Lagerstatus haben.

Häufiger Fehler: Sie haben ein variables Produkt erstellt, Attribute (Farbe, Größe) hinzugefügt, aber keine Preise für die einzelnen Varianten eingetragen. In diesem Fall weiß WooCommerce nicht, zu welchem Preis verkauft werden soll, und zeigt den Button schlicht nicht an.

Ausgefüllt → Aktualisieren → Produktseite auf der Website öffnen. In den meisten einfachen Fällen ist das Problem mit diesem Schritt bereits behoben.

2. Plugin-Konflikt finden

WordPress setzt Code aus dem aktiven Theme und allen aktiven Plugins zusammen. Wenn zwei Plugins identische Funktionsnamen verwenden, sich in dieselben Hooks einklinken oder schlicht inkompatibel sind, kann WooCommerce den Button verlieren.

Vorgehen zur Diagnose:

• Gehen Sie zu Plugins → Installierte Plugins. Wählen Sie alle aus (Kontrollkästchen oben), wählen Sie im Dropdown „Massenaktionen" die Option „Deaktivieren" → Übernehmen.
• Aktivieren Sie nur WooCommerce. Öffnen Sie die problematische Produktseite.
• Button erscheint: Konflikt bestätigt. Aktivieren Sie die Plugins nacheinander und prüfen Sie nach jedem die Produktseite. Das Plugin, nach dessen Aktivierung der Button wieder verschwindet, ist der Verursacher.
• Ersetzen Sie das problematische Plugin durch eine Alternative oder kontaktieren Sie dessen Entwickler.

Ein eigener Untertyp dieses Problems ist ein Konflikt mit dem Filter woocommerce_show_variation_price. Manche Themes und Plugins geben für diesen Hook false zurück, und WooCommerce blendet den Variantenpreis aus und verliert den Button. Wenn der Button nach dem Deaktivieren aller Plugins vorhanden ist, es aber keinen sichtbaren „Verursacher" gibt, prüfen Sie die functions.php des aktiven Themes auf Zeilen, die woocommerce_show_variation_price enthalten.

Sie können die Anzeige mit diesem Filter erzwingen:

1
add_filter('woocommerce_show_variation_price', function() {
2
    return true;
3
});

Fügen Sie diesen Code in die functions.php Ihres aktiven (Child-)Themes oder über das Plugin Code Snippets ein. Prüfen Sie das Produkt nach dem Speichern.

3. Theme-Customizer: Der unsichtbare Schalter

Manche Themes fügen einen eigenen Schalter für die Sichtbarkeit des Buttons hinzu. Die Logik der Entwickler: „Geben wir den Nutzern Flexibilität." In der Praxis steht der Schalter standardmäßig auf „Ausblenden", und der Shop-Betreiber weiß nichts davon.

Gehen Sie zu Design → Customizer. Suchen Sie nach einem Abschnitt:

• WooCommerce → Produktseite (oder Inhalt → WooCommerce, je nach Theme);
• Parameter „In den Warenkorb-Button" → Sichtbar (oder „Anzeigen").

Einstellungen speichern und das Produkt prüfen. Das funktioniert bei Themes, die Customizer-Bereiche für WooCommerce zusätzlich zum Standard-Template nutzen. Beliebt ist das bei ThemeForest-Themes: Avada, Flatsome, WoodMart.

4. Theme-Template im Editor korrigieren

Wenn die vorherigen Schritte nicht geholfen haben, liegt das Problem tiefer: Das Theme verwendet ein nicht standardmäßiges Produktseiten-Template und ruft die WooCommerce-Funktion, die den Button ausgibt, nicht auf.

Was passiert. WordPress lädt die Produktseite über die Theme-Datei single.php (oder index.php als Fallback). Darin befindet sich ein Aufruf von get_template_part(), der den Inhaltsblock einbindet. Das Theme sollte die Kontrolle an WooCommerce übergeben, indem es wc_get_template_part('content', 'single-product') aufruft, aber manche Themes tun das nicht. Ergebnis: Das Layout des Themes ist da, der Button jedoch nicht.

So beheben Sie es:

• Design → Theme-Datei-Editor. Bestätigen Sie den WordPress-Hinweis.
• Suchen Sie in der rechten Spalte die Dateien single.php und index.php:

• Öffnen Sie single.php (falls vorhanden). Falls nicht, index.php.
• Suchen Sie die Zeile mit get_template_part. Ersetzen Sie den gesamten Inhaltsausgabe-Block durch:

1
if (is_singular('product')) {
2
    wc_get_template_part('content', 'single-product');
3
} else {
4
    wc_get_template_part('content', get_post_format());
5
}

• Speichern Sie die Datei.

Sichern Sie die Theme-Datei vor der Bearbeitung. Kopieren Sie den Inhalt in einen Texteditor oder verwenden Sie ein Child-Theme: Direkte Bearbeitungen des Parent-Themes werden beim nächsten Update zurückgesetzt.

Öffnen Sie nach dem Speichern die Produktseite. Der Button sollte erscheinen.

5. Serverproblem: mod_security blockiert Skripte

Wenn Sie bis hierher gekommen sind und der Button immer noch fehlt, liegt die Ursache höchstwahrscheinlich auf der Serverseite. Das Modul mod_security (Apache/LiteSpeed-Firewall) blockiert das Laden von WooCommerce-JavaScript-Dateien. Ohne JavaScript funktioniert der Warenkorb nicht.

Diagnose:

• Öffnen Sie die problematische Produktseite.
• Drücken Sie F12 → Tab Konsole.
• Suchen Sie nach einem Ladefehler für ein WooCommerce-Skript, in der Regel cart.min.js, add-to-cart.min.js oder jquery.blockUI.min.js mit dem Code 403 Forbidden.
• Wenn Sie das sehen, ist das Problem mod_security.

Lösung: Kontaktieren Sie Ihren Hosting-Anbieter und bitten Sie ihn, eine Ausnahme für den URL-Pfad /wp-content/plugins/woocommerce/ in den mod_security-Regeln hinzuzufügen. Der Support erledigt das in wenigen Minuten.

Alternativ können Sie mod_security für die Domain per .htaccess deaktivieren (sofern Ihr Hoster dies zulässt):

1
<IfModule mod_security.c>
2
    SecFilterEngine Off
3
    SecFilterScanPOST Off
4
</IfModule>

Aber es ist besser, sich mit Ihrem Hoster abzustimmen: Auf Shared Hosting schützt mod_security den gesamten Server, und eine Deaktivierung stellt ein Sicherheitsrisiko dar.

Übersichtstabelle: Was zu prüfen ist

Ausführliche Videoanleitung, die alle fünf Schritte abdeckt: von der Produktkarte über die Template-Bearbeitung bis zur Server-Diagnose.

⁉️🤔 Häufig gestellte Fragen

Der Button ist nur bei variablen Produkten verschwunden. Was ist da los?

Mit ziemlicher Sicherheit sind die Variantenpreise nicht ausgefüllt. Öffnen Sie das Produkt, Tab „Varianten", klappen Sie jede aus: Das Feld „Preis" muss ausgefüllt sein. Ein leerer Variantenpreis bedeutet für WooCommerce, dass das Produkt als „nicht verkäuflich" gilt, und der Button wird entfernt. Bei 50 oder mehr Varianten nutzen Sie den CSV-Import: Produkte → Import.

Der Button ist nach einem Theme-Update verschwunden. Was soll ich tun?

Das Theme-Update hat single.php überschrieben. Stellen Sie die Bearbeitung aus Schritt 4 wieder her. Um das bei jedem Update zu vermeiden, verschieben Sie das Template in ein Child-Theme: Erstellen Sie einen Ordner /woocommerce/ im Child-Theme und kopieren Sie die korrigierte single-product.php dorthin.

Kann ich den Button ohne Code-Bearbeitung wiederherstellen?

Ja, in der Hälfte der Fälle: Prüfen Sie die Produktkarte (Schritt 1) und den Theme-Customizer (Schritt 3). Code ist nur dann nötig, wenn das Theme das Produkt-Template nicht standardgemäß ausgibt oder wenn ein Plugin oder Theme den Hook woocommerce_show_variation_price unterdrückt.

Der Button ist da, funktioniert aber nicht. Man klickt und nichts passiert?

Das ist ein JavaScript-Fehler. Öffnen Sie die Browser-Konsole (F12) und sehen Sie nach, welche Skripte fehlschlagen. Meistens handelt es sich um einen jQuery-Versionskonflikt (das Theme lädt ein altes jQuery über das standardmäßige WordPress-jQuery) oder um zwischengespeichertes, minimiertes JS, das nicht aktualisiert wurde. Leeren Sie den Cache Ihres Caching-Plugins und generieren Sie die minimierten Skripte neu.

Muss ich AJAX „In den Warenkorb" deaktivieren?

Nur zur Diagnose. Gehen Sie zu WooCommerce → Einstellungen → Produkte und deaktivieren Sie „AJAX ‚In den Warenkorb‘-Buttons aktivieren". Erscheint der Button danach, liegt das Problem im AJAX-Handler Ihres spezifischen Themes. Lassen Sie AJAX deaktiviert oder ersetzen Sie das Theme.

Was tun, wenn der Button immer noch nicht erschienen ist

Die fünf obigen Schritte decken die allermeisten Fälle ab, in denen der „In den Warenkorb"-Button verschwindet. Wenn keiner davon funktioniert hat, liegt das Problem tiefer und erfordert manuelles Debugging.

Kurze Checkliste für den letzten Ausweg:

• Wechseln Sie das Theme zu Storefront, dem offiziellen WooCommerce-Theme. Erschien der Button? Das Problem liegt in Ihrem Theme.
• Prüfen Sie WooCommerce → Status → Geplante Aktionen auf festhängende Cron-Aufgaben.
• Gehen Sie zu WooCommerce → Status → Protokolle und suchen Sie nach fatal-errors der letzten Tage.

Immer noch kein Erfolg? Beschreiben Sie Ihre Situation in den Kommentaren: WooCommerce-Version, Theme-Name, Liste der aktiven Plugins. Wir finden die Ursache.