Woocommerce ist eine der beliebtesten Plattformen für die Erstellung von Online-Shops und verfügt über eine Fülle von Funktionen. Manchmal müssen Ladenbesitzer jedoch einige Änderungen am Design und an der Funktionalität der Vorlage vornehmen. Eine der häufig gestellten Fragen ist, wie man die Schaltfläche "Zum Warenkorb hinzufügen" in woocommerce entfernt.
Das Entfernen der Schaltfläche In den Warenkorb legen ist die einfachste Änderung in woocommerce. Dazu müssen wir der functions-Datei einen kleinen Code hinzufügen.php Ihres Themas. Diese Datei ist für die Funktionalität Ihrer Website verantwortlich, und wenn Sie Änderungen daran vornehmen, können Sie die Website nach Ihren Wünschen anpassen.
Bevor Sie Änderungen an der functions-Datei vornehmen.php, es wird empfohlen, ein Backup Ihres Themas zu erstellen. Auf diese Weise können Sie zum vorherigen Zustand Ihrer Website zurückkehren, wenn etwas schief geht.
Entfernen einer Schaltfläche zum Hinzufügen
Wenn Sie die Schaltfläche "In den Warenkorb" auf der Produktseite in Ihrem WordPress-Onlineshop mit Woocommerce entfernen müssen, können Sie dies tun, indem Sie Ihrem Feature-Theme ein kleines Stück Code hinzufügen.
Öffnen Sie Ihre Funktionsthemendatei (functions.php), das sich im Ordner Ihres aktuell aktiven Themas befindet.
Fügen Sie den folgenden Code in Ihre Funktionsdatei ein:
function remove_add_to_cart_button() add_action( 'init', 'remove_add_to_cart_button' ); Nachdem Sie diesen Code zu Ihrer Feature-Theme-Datei hinzugefügt und die Änderungen gespeichert haben, wird die Schaltfläche "Zum Warenkorb hinzufügen" von der Produktseite Ihres Shops entfernt.
Methode 1: Über Themenfunktionen
Wenn Sie die Schaltfläche zum Hinzufügen in den Warenkorb für ein bestimmtes Thema in WooCommerce entfernen möchten, können Sie die Funktionen des Themas nutzen.
1. Öffnen Sie die Datei functions.php aktives Thema.
2. Fügen Sie der Datei den folgenden Code hinzu:
add_action( 'init', 'remove_add_to_cart' );?>3. Speichern Sie die functions-Datei.php.
4. Aktualisieren Sie die Website-Seite, um sicherzustellen, dass die Schaltfläche zum Warenkorb hinzugefügt für Artikel auf der Store-Seite nicht mehr angezeigt wird.
Hinweis: Mit dieser Methode wird die Schaltfläche zum Hinzufügen zum Warenkorb für alle Artikel auf der Store-Seite entfernt. Wenn Sie die Schaltfläche nur für bestimmte Produktkategorien oder bestimmte Artikel entfernen möchten, benötigen Sie einen zusätzlichen Code.
Methode 2: Verwenden des Plugins "Remove WooCommerce Add to Cart"
Wenn Sie den Code nicht verwenden möchten, um die Schaltfläche zum Hinzufügen zum Warenkorb in WooCommerce zu entfernen, können Sie ein spezielles Plugin namens "Remove WooCommerce Add to Cart" installieren und verwenden. Dieses Plugin bietet eine einfache Möglichkeit, eine Schaltfläche mit wenigen Klicks zu entfernen.
Schritt 1: Melden Sie sich im Administrationsbereich Ihrer WordPress-Website an und gehen Sie zum Abschnitt Plugins.
Schritt 2: Klicken Sie auf die Schaltfläche "Neu hinzufügen" und geben Sie in der Suchleiste "Remove WooCommerce Add to Cart" ein.
Schritt 3: Installieren und aktivieren Sie das Plug-In mit dem gleichen Namen.
Schritt 4: Nachdem Sie das Plugin aktiviert haben, finden Sie im Menü "Einstellungen" einen neuen Abschnitt "Add to Cart entfernen".
Schritt 5: Gehen Sie zum Abschnitt "Add to Cart entfernen" und aktivieren Sie die Option "Enable Remove Add to Cart entfernen".
Schritt 6: Speichern Sie die Änderungen.
Nachdem Sie diese Schritte ausgeführt haben, wird die Schaltfläche zum Warenkorb hinzugefügt von allen Seiten und Produkten Ihres WooCommerce-Shops entfernt. Seien Sie vorsichtig, da das Plugin die Funktionalität zum Hinzufügen eines Artikels vollständig entfernt und Benutzer keine Artikel kaufen können.
Anmerkung: Vergessen Sie nicht, das Plugin "Remove WooCommerce Add to Cart" regelmäßig zu aktualisieren, um sicherzustellen, dass es mit den neuesten Versionen von WordPress und WooCommerce kompatibel ist. Beachten Sie auch, dass diese Methode die Schaltfläche zum Hinzufügen in den Papierkorb für Websiteadministratoren nicht entfernt.
Methode 3: Bearbeiten einer Produktvorlage
So bearbeiten Sie eine Produktvorlage:
- Gehen Sie zu Ihrer Website und melden Sie sich im WordPress-Dashboard an.
- Wechseln Sie zum Abschnitt Erscheinungsbild und wählen Sie im Abschnitt Themen den Editor aus.
- Öffnen Sie die Datei "single-product".php", das die Hauptdatei der Produktvorlage ist.
- Suchen Sie nach der Codezeile, die für die Schaltfläche zum Hinzufügen zum Papierkorb verantwortlich ist. Normalerweise sieht es aus wie: .
- Entfernen oder kommentieren Sie diese Codezeile aus. Um eine Zeile auszukommentieren, fügen Sie " " am Ende der Zeile hinzu.
- Speichern Sie die Änderungen.
Die Schaltfläche zum Hinzufügen eines Artikels zum Warenkorb wird jetzt nicht mehr auf der Produktseite angezeigt. Beachten Sie jedoch, dass diese Methode HTML- und PHP-Kenntnisse erfordert, daher wird empfohlen, Dateien vor der Bearbeitung zu sichern und/oder einen Spezialisten um Hilfe zu bitten, wenn Sie zusätzliche Unterstützung benötigen.
Methode 4: Verwenden von CSS
Zuerst müssen Sie die Klasse oder ID der Schaltfläche zum Hinzufügen in den Papierkorb finden. Dazu können Sie die Entwicklertools im Browser verwenden.
Zum Beispiel, wenn die Schaltflächenklasse - ist .single_add_to_cart_button , dann würde die CSS-Regel wie folgt aussehen:
.single_add_to_cart_button
Um diese Regel anzuwenden, müssen Sie sie der Stildatei Ihres Designs oder einer zusätzlichen Stildatei hinzufügen. Wenn Sie über eine Designoptionen-Leiste verfügen, können Sie ihren Stileditor verwenden.
Nachdem Sie die Änderungen gespeichert haben, wird die Schaltfläche zum Papierkorb hinzugefügt auf allen Seiten ausgeblendet, auf denen die angegebene Klasse (oder ID) verwendet wird.
Methode 5: Verwenden von JavaScript
Hier ist ein Beispielcode, der die Schaltfläche zum Hinzufügen in den Papierkorb ausblendet:
In diesem Beispiel finden wir die Schaltfläche zum Hinzufügen in den Papierkorb anhand ihrer ID und verstecken sie, indem wir den Wert der CSS-Eigenschaft "display" auf "none" setzen.
Sie können diesen Code in der Funktion "wp_enqueue_scripts" verwenden, um sicherzustellen, dass das Skript nur auf der Produktseite geladen wird:
add_action('wp_enqueue_scripts', 'hide_add_to_cart_button');function hide_add_to_cart_button() >In diesem Beispiel registrieren und verbinden wir das benutzerdefinierte Skript "hide-add-to-cart-button".js", das den Code enthält, um die Schaltfläche zum Hinzufügen in den Papierkorb auszublenden. Stellen Sie sicher, dass Sie Ihr Skript im richtigen Verzeichnis ablegen und den Pfad zur Skriptdatei korrekt angeben.
